From 2b5bac85167bb42cda53c89ba3c09757059ce805 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Sun, 3 May 2026 21:34:17 +0100
Subject: [PATCH] appview/pages: hide popover on scroll, delay popover by 500ms

Signed-off-by: oppiliappan <me@oppi.li>
---
 appview/pages/templates/layouts/base.html           | 7 +++++++
 appview/pages/templates/user/fragments/picLink.html | 8 ++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/appview/pages/templates/layouts/base.html b/appview/pages/templates/layouts/base.html
index ba387833..aa9a508a 100644
--- a/appview/pages/templates/layouts/base.html
+++ b/appview/pages/templates/layouts/base.html
@@ -56,6 +56,13 @@
                 document.head.appendChild(script);
               });
             </script>
+            <script>
+              window.addEventListener('scroll', function() {
+                document.querySelectorAll('[data-profile-popover]:not(.hidden)').forEach(function(p) {
+                  p.classList.add('hidden');
+                });
+              }, { passive: true });
+            </script>
             <title>{{ block "title" . }}{{ end }}</title>
             {{ block "extrameta" . }}{{ end }}
         </head>
diff --git a/appview/pages/templates/user/fragments/picLink.html b/appview/pages/templates/user/fragments/picLink.html
index 07a42671..22aff73f 100644
--- a/appview/pages/templates/user/fragments/picLink.html
+++ b/appview/pages/templates/user/fragments/picLink.html
@@ -8,10 +8,14 @@
   {{ end }}
   <div class="relative inline-block"
        onmouseenter="(function(el){
-         var r=el.getBoundingClientRect(),p=el.querySelector('[data-profile-popover]');
-         if(p){p.style.top=r.bottom+'px';p.style.left=r.left+'px';p.classList.remove('hidden');}
+         clearTimeout(el._pht);
+         el._pht = setTimeout(function(){
+           var r=el.getBoundingClientRect(),p=el.querySelector('[data-profile-popover]');
+           if(p){p.style.top=r.bottom+'px';p.style.left=r.left+'px';p.classList.remove('hidden');}
+         }, 500);
        })(this)"
        onmouseleave="(function(el){
+         clearTimeout(el._pht);
          var p=el.querySelector('[data-profile-popover]');
          if(!p)return;
          var modal=document.getElementById('vouch-modal-'+p.dataset.vouchModalId);
-- 
2.51.2