fix(core): prevent pane click event when connection is in progress (#1776)

* fix(core): prevent pane click event when connection is in progress Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> * chore(changeset): add Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> --------- Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
2025-03-09 10:10:38 +01:00
parent 67b652e159
commit 49b2780740
2 changed files with 9 additions and 1 deletions
@@ -32,6 +32,7 @@ const {
  nodeLookup,
  connectionLookup,
  defaultEdgeOptions,
+  connectionStartHandle,
 } = useVueFlow()

 const container = ref<HTMLDivElement | null>(null)
@@ -44,6 +45,8 @@ const containerBounds = ref<DOMRect>()

 const hasActiveSelection = toRef(() => elementsSelectable.value && (isSelecting || userSelectionActive.value))

+const connectionInProgress = toRef(() => connectionStartHandle.value !== null)
+
 // Used to prevent click events when the user lets go of the selectionKey during a selection
 let selectionInProgress = false
 let selectionStarted = false
@@ -79,7 +82,7 @@ function wrapHandler(handler: Function, containerRef: HTMLDivElement | null) {
 }

 function onClick(event: MouseEvent) {
-  if (selectionInProgress) {
+  if (selectionInProgress || connectionInProgress) {
    selectionInProgress = false
    return
  }