From 512d8e0269c385331e40170a9b0d5936cde80382 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Fri, 3 Apr 2026 02:36:11 +0200
Subject: [PATCH] Update event handlers for viewport panel hover logic

---
 src/viewport-three/ViewportPanel.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/viewport-three/ViewportPanel.tsx b/src/viewport-three/ViewportPanel.tsx
index 78bca0f5..452f31b2 100644
--- a/src/viewport-three/ViewportPanel.tsx
+++ b/src/viewport-three/ViewportPanel.tsx
@@ -96,8 +96,12 @@ export function ViewportPanel({
       aria-label={`${getViewportPanelLabel(panelId)} viewport panel`}
       style={panelStyle}
       onPointerDownCapture={() => onActivatePanel(panelId)}
-      onPointerEnterCapture={() => onHoverPanel(panelId)}
-      onPointerLeaveCapture={() => onHoverPanel(null)}
+      onPointerMoveCapture={() => onHoverPanel(panelId)}
+      onPointerOutCapture={(event) => {
+        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {
+          onHoverPanel(null);
+        }
+      }}
       onFocusCapture={() => onActivatePanel(panelId)}
     >
       <div className="viewport-panel__header">