only capture pointer for when selection is starting

2024-07-30 13:42:49 +02:00
parent 0b6b77bd90
commit 96b2795f48
1 changed files with 2 additions and 1 deletions
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -120,7 +120,6 @@ export function Pane({
  const onPointerDown = (event: ReactPointerEvent): void => {
    const { resetSelectedElements, domNode, edgeLookup } = store.getState();
    containerBounds.current = domNode?.getBoundingClientRect();
-    (event.target as Element)?.setPointerCapture?.(event.pointerId);

    if (
      !elementsSelectable ||
@@ -132,6 +131,8 @@ export function Pane({
      return;
    }

+    (event.target as Element)?.setPointerCapture?.(event.pointerId);
+
    selectionStarted.current = true;
    selectionInProgress.current = false;
    edgeIdLookup.current = new Map();