From 600d1a63fd3231e533781d2d4b1ee65999c4d439 Mon Sep 17 00:00:00 2001 From: Braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Mon, 2 Dec 2024 12:49:40 +0100 Subject: [PATCH] fix(core): prevent scrolling when using arrow keys to move node selection (#1702) * fix(core): prevent scrolling when using arrow keys to move node selection Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> * chore(changeset): update Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> --------- Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> --- .changeset/clever-eyes-leave.md | 2 +- packages/core/src/components/NodesSelection/NodesSelection.vue | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/.changeset/clever-eyes-leave.md b/.changeset/clever-eyes-leave.md index f1ca0003..11d42c28 100644 --- 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 index 4cab7063..ae6d39b4 100644 --- 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,