From 78446d9dceb9b20cb4ebb092d2acce91d4c2bd65 Mon Sep 17 00:00:00 2001
From: Meta Vens <rwvens@hotmail.com>
Date: Sat, 23 May 2026 13:34:57 +0100
Subject: [PATCH] Capture graph drags at the viewport

---
 .../src/lib/EpiphanyGraphViewer.tsx            | 18 ++----------------
 1 file changed, 2 insertions(+), 16 deletions(-)

diff --git a/web/epiphany-graph-viewer/src/lib/EpiphanyGraphViewer.tsx b/web/epiphany-graph-viewer/src/lib/EpiphanyGraphViewer.tsx
index bcbc202..2118f2f 100644
--- a/web/epiphany-graph-viewer/src/lib/EpiphanyGraphViewer.tsx
+++ b/web/epiphany-graph-viewer/src/lib/EpiphanyGraphViewer.tsx
@@ -526,12 +526,10 @@ export function EpiphanyGraphViewer({
         <div
           ref={viewportRef}
           onPointerDownCapture={(event) => {
-            if (!isMiddlePointerEvent(event)) {
+            if ((event.button !== 0 && !isMiddlePointerEvent(event)) || isInteractiveArticleTarget(event.target)) {
               return;
             }
 
-            event.preventDefault();
-            event.stopPropagation();
             handleViewportPointerDown(event, activeTransform, dragRef);
           }}
           onPointerMoveCapture={(event) =>
@@ -758,19 +756,7 @@ export function EpiphanyGraphViewer({
                       onExpandedNodeClick?.(event);
                     }}
                     onPointerDown={(event) => {
-                      if (isInteractiveArticleTarget(event.target)) {
-                        return;
-                      }
-                      handleViewportPointerDown(event, activeTransform, dragRef);
-                    }}
-                    onPointerMove={(event) => {
-                      handleViewportPointerMove(event, activeGraphKey, dragRef, setTransforms);
-                    }}
-                    onPointerUp={(event) => {
-                      handleViewportPointerUp(event, dragRef);
-                    }}
-                    onPointerCancel={(event) => {
-                      handleViewportPointerUp(event, dragRef);
+                      event.stopPropagation();
                     }}
                     onClick={(event) => {
                       if (dragRef.current?.suppressClick) {