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

fix(useDrag): use positionAbsolute instead of position

Browse Source
This commit is contained in:
Christopher Möller
2022-04-14 14:53:57 +02:00
parent 4afb386124
commit 341d7448fb
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/hooks/useDrag.ts
+2 -3
View File
@@ -23,7 +23,6 @@ function useDrag({ onStart, onDrag, onStop, nodeRef, disabled = false, noDragCla
const store = useStoreApi(); const store = useStoreApi();
useEffect(() => { useEffect(() => {
console.log(nodeId);
if (nodeRef?.current && nodeId) { if (nodeRef?.current && nodeId) {
const selection = select(nodeRef.current); const selection = select(nodeRef.current);
const startPos = { x: 0, y: 0 }; const startPos = { x: 0, y: 0 };
@@ -36,8 +35,8 @@ function useDrag({ onStart, onDrag, onStop, nodeRef, disabled = false, noDragCla
const node = store.getState().nodeInternals.get(nodeId); const node = store.getState().nodeInternals.get(nodeId);
const [tx, ty, scale] = store.getState().transform; const [tx, ty, scale] = store.getState().transform;
startPos.x = event.x / scale - (node?.position?.x || 0) - tx; startPos.x = event.x / scale - (node?.positionAbsolute?.x || 0) - tx;
startPos.y = event.y / scale - (node?.position?.y || 0) - ty; startPos.y = event.y / scale - (node?.positionAbsolute?.y || 0) - ty;
// @TODO: we need to use snapGrid and snapToGrid from the store here // @TODO: we need to use snapGrid and snapToGrid from the store here
// @TODO: don't use event.dx but work with event.x somehow in order to prevent lagging / slower node movement than mouse movement // @TODO: don't use event.dx but work with event.x somehow in order to prevent lagging / slower node movement than mouse movement