From 2b5bac85167bb42cda53c89ba3c09757059ce805 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Sun, 03 May 2026 20:34:17 +0000
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 file(s) changed, 13 insertion(s)(+), 2 deletion(s)(-)

diff --git a/appview/pages/templates/layouts/base.html b/appview/pages/templates/layouts/base.html
--- 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
--- a/appview/pages/templates/user/fragments/picLink.html
+++ b/appview/pages/templates/user/fragments/picLink.html
@@ -8,10 +8,14 @@ {{ $vr = index . 2 }}
   {{ 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);

--
tangled.sh