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

fix(selection): work correctly when snapToGrid = true

Browse Source
This commit is contained in:
moklick
2019-10-23 13:59:56 +02:00
parent c76483a264
commit 15fb49ea75
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/NodesSelection/index.tsx
+4
View File
@@ -29,10 +29,13 @@ export default memo(() => {
transform: s.transform, transform: s.transform,
selectedNodesBbox: s.selectedNodesBbox, selectedNodesBbox: s.selectedNodesBbox,
selectedElements: s.selectedElements, selectedElements: s.selectedElements,
snapToGrid: s.snapToGrid,
snapGrid: s.snapGrid
})); }));
const updateNodePos = useStoreActions(a => a.updateNodePos); const updateNodePos = useStoreActions(a => a.updateNodePos);
const [x, y, k] = state.transform; const [x, y, k] = state.transform;
const position = state.selectedNodesBbox; const position = state.selectedNodesBbox;
const grid = (state.snapToGrid ? state.snapGrid : [1, 1])! as [number, number];
const onStart = (evt: MouseEvent) => { const onStart = (evt: MouseEvent) => {
const scaledClient: XYPosition = { const scaledClient: XYPosition = {
@@ -84,6 +87,7 @@ export default memo(() => {
> >
<ReactDraggable <ReactDraggable
scale={k} scale={k}
grid={grid}
onStart={evt => onStart(evt as MouseEvent)} onStart={evt => onStart(evt as MouseEvent)}
onDrag={evt => onDrag(evt as MouseEvent)} onDrag={evt => onDrag(evt as MouseEvent)}
> >