From c38a43761010733d95c6993e3805198dc1d1403c Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Mon, 15 Jun 2026 13:52:53 +0100
Subject: [PATCH] appview/pages: fix bug where profile popover would spin
 forever

the popover showed on mouseover over the parent div, but the hx request
was fired on the <a> tag inside the div. if you managed to move the
mouse into an area where the div was present but the <a> was not
present, you could trigger a popover but not an hx request, causing the
loader to spin indefinitely.

we now do all events on the same element to prevent this bug.

Signed-off-by: oppiliappan <me@oppi.li>
---
 .../pages/templates/user/fragments/picLink.html    | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/appview/pages/templates/user/fragments/picLink.html b/appview/pages/templates/user/fragments/picLink.html
index 6fc7949c..7d186543 100644
--- a/appview/pages/templates/user/fragments/picLink.html
+++ b/appview/pages/templates/user/fragments/picLink.html
@@ -8,6 +8,10 @@
   {{ end }}
   <div class="relative inline-block"
        {{ if $vr }}
+       hx-get="/profile/popover?did={{ $did }}"
+       hx-trigger="mouseenter once"
+       hx-target="find [data-profile-popover-content]"
+       hx-swap="innerHTML"
        onmouseenter="(function(el){
          clearTimeout(el._pht);
          el._pht = setTimeout(function(){
@@ -24,13 +28,7 @@
          p.classList.add('hidden');
        })(this)"
        {{ end }}>
-    <a href="/{{ $handle }}" title="{{ $handle }}"
-       {{ if $vr }}
-       hx-get="/profile/popover?did={{ $did }}"
-       hx-trigger="mouseenter once"
-       hx-target="next [data-profile-popover-content]"
-       hx-swap="innerHTML"
-       {{ end }}>
+    <a href="/{{ $handle }}" title="{{ $handle }}">
       <img
           src="{{ tinyAvatar $did }}"
           alt=""
@@ -43,7 +41,7 @@
           type="button"
           popovertarget="vouch-modal-{{ normalizeForHtmlId $vr.SubjectDid.String }}"
           popovertargetaction="toggle"
-          class="absolute -bottom-0.5 -right-0.5 w-1/2 h-1/2 cursor-pointer"
+          class="absolute -bottom-0.5 -right-0.5 w-1/2 h-1/2 cursor-pointer">
           {{ if $vr.IsDirectVouch }}
             {{ template "fragments/icons/shield-direct-vouch" "w-full h-full" }}
           {{ else if $vr.IsDirectDenounce }}
-- 
2.51.2