alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): prevent drag click when multi selection is active (#1609)

Browse Source 
* fix(core): prevent drag click when multi selection is active

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>
This commit is contained in:
Braks
2024-09-05 22:16:37 +02:00
parent f4bde90302
commit 43ed0a8318
2 changed files with 8 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/swift-cups-pay.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@vue-flow/core": patch
---
Prevent drag-click handler when multi selection is active.

16
packages/core/src/composables/useDrag.ts
View File

@@ -229,24 +229,14 @@ export function useDrag(params: UseDragParams) {
}
const eventEnd = (event: UseDragEvent) => {
if (!dragStarted) {
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
if (!dragging.value && !multiSelectionActive.value) {
onClick?.(event.sourceEvent)
}
dragging.value = false
autoPanStarted = false
dragStarted = false
lastPos = { x: undefined, y: undefined }
cancelAnimationFrame(autoPanId)