diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 4c40afd6..b57d8f3c 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -177,6 +177,7 @@ export function Pane({
       triggerNodeChanges,
       triggerEdgeChanges,
       defaultEdgeOptions,
+      resetSelectedElements,
     } = store.getState();
 
     if (!containerBounds.current || !userSelectionRect) {
@@ -196,6 +197,7 @@ export function Pane({
       if (distance <= paneClickDistance) {
         return;
       }
+      resetSelectedElements();
       onSelectionStart?.(event);
     }
 
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index cb5595b6..569d0d5d 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -148,6 +148,7 @@
       if (distance <= paneClickDistance) {
         return;
       }
+      store.unselectNodesAndEdges();
       onselectionstart?.(event);
     }