fix(core): prevent scrolling when using arrow keys to move node selection (#1702)

bcakmakoglu · bcakmakoglu · commit 600d1a63fd32 · 2024-12-07T16:39:07.000+01:00
* fix(core): prevent scrolling when using arrow keys to move node selection

Signed-off-by: braks &lt;78412429+bcakmakoglu@users.noreply.github.com&gt;

* chore(changeset): update

Signed-off-by: braks &lt;78412429+bcakmakoglu@users.noreply.github.com&gt;

---------

Signed-off-by: braks &lt;78412429+bcakmakoglu@users.noreply.github.com&gt;
diff --git a/.changeset/clever-eyes-leave.md b/.changeset/clever-eyes-leave.md
@@ -2,4 +2,4 @@
 "@vue-flow/core": patch
 ---
 
-Prevent page scroll when using arrow keys to move nodes.
+Prevent default scrolling behavior when using arrow keys to move nodes or a selection.
diff --git a/packages/core/src/components/NodesSelection/NodesSelection.vue b/packages/core/src/components/NodesSelection/NodesSelection.vue
@@ -47,6 +47,8 @@ function onKeyDown(event: KeyboardEvent) {
   }
 
   if (arrowKeyDiffs[event.key]) {
+    event.preventDefault()
+
     updatePositions(
       {
         x: arrowKeyDiffs[event.key].x,

Original file line number	Diff line number	Diff line change
`@@ -47,6 +47,8 @@ function onKeyDown(event: KeyboardEvent) {`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`if (arrowKeyDiffs[event.key]) {`
	`50`	`+ event.preventDefault()`
	`51`	`+`
`50`	`52`	`updatePositions(`
`51`	`53`	`{`
`52`	`54`	`x: arrowKeyDiffs[event.key].x,`