fix(core): calculate distance to trigger drag-click (#1624)

* fix(core): calculate distance to trigger drag-click

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>

.changeset/poor-lions-rush.md

@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Use calculated drag distance to trigger drag-click.

packages/core/src/composables/useDrag.ts

@@ -229,8 +229,19 @@ export function useDrag(params: UseDragParams) {
   }
 
   const eventEnd = (event: UseDragEvent) => {
-    if (!dragging.value && !multiSelectionActive.value) {
+    if (!dragStarted && !dragging.value && !multiSelectionActive.value) {
-      onClick?.(event.sourceEvent)
+      const pointerPos = getPointerPosition(event)
+
+      const x = pointerPos.xSnapped - (lastPos.x ?? 0)
+      const y = pointerPos.ySnapped - (lastPos.y ?? 0)
+      const distance = Math.sqrt(x * x + y * y)
+
+      // dispatch a click event if the node was attempted to be dragged but the threshold was not exceeded
+      if (distance !== 0 && distance <= nodeDragThreshold.value) {
+        onClick?.(event.sourceEvent)
+      }
+
+      return
     }
 
     dragging.value = false