chore(selection): handle selectionOnDrag in click capture

packages/react/src/container/Pane/index.tsx

@@ -116,7 +116,8 @@ export function Pane({
   const onWheel = onPaneScroll ? (event: React.WheelEvent) => onPaneScroll(event) : undefined;
 
   const onClickCapture = (event: ReactMouseEvent) => {
-    const isSelectionOnDragActive = (selectionOnDrag && container.current === event.target) || !selectionOnDrag;
+    const isSelectionOnDragActive =
+      (selectionOnDrag && container.current === event.target) || !selectionOnDrag || selectionKeyPressed;
 
     if (!isSelectionOnDragActive) {
       return;

packages/svelte/src/lib/container/Pane/Pane.svelte

@@ -230,7 +230,18 @@
     onpanecontextmenu?.({ event });
   };
 
-  const onClickCapture = (event: MouseEvent) => event.stopPropagation();
+  const onClickCapture = (event: MouseEvent) => {
+    const isSelectionActive =
+      (selectionOnDrag && container === event.target) ||
+      !selectionOnDrag ||
+      store.selectionKeyPressed;
+
+    if (!isSelectionActive) {
+      return;
+    }
+
+    event.stopPropagation();
+  };
 </script>
 
 <!-- svelte-ignore a11y_no_static_element_interactions -->