alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #5489 from Sec-ant/feat/node-drag-distance

Browse Source 
fix: node selection instability by using client coordinates for drag threshold
This commit is contained in:
Peter Kogo
2025-09-02 10:35:57 +02:00
committed by GitHub
parent cf4a3692c8 99c67422a7
commit 3c18f121ea
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/chilly-beans-juggle.md Normal file
View File

@@ -0,0 +1,5 @@
---
'@xyflow/system': patch
---
Fix nodeDragThreshold changing with zoom level

6
packages/system/src/xydrag/XYDrag.ts
View File

@@ -334,8 +334,10 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
}
if (!dragStarted) {
const x = pointerPos.xSnapped - (lastPos.x ?? 0);
const y = pointerPos.ySnapped - (lastPos.y ?? 0);
// Calculate distance in client coordinates for consistent drag threshold behavior across zoom levels
const currentMousePosition = getEventPosition(event.sourceEvent, containerBounds!);
const x = currentMousePosition.x - mousePosition.x;
const y = currentMousePosition.y - mousePosition.y;
const distance = Math.sqrt(x * x + y * y);
if (distance > nodeDragThreshold) {