From 9458904cbb1f19bcb8e61f66a0122ace4b0033e1 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 2 Dec 2024 12:29:43 +0100
Subject: [PATCH] fix(react): prevent default scrolling behavior when node is
 moved with keypress

---
 packages/react/src/components/NodeWrapper/index.tsx    | 3 +++
 packages/react/src/components/NodesSelection/index.tsx | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 5f528486..a54a4993 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -138,6 +138,9 @@ export function NodeWrapper<NodeType extends Node>({
         nodeRef,
       });
     } else if (isDraggable && node.selected && Object.prototype.hasOwnProperty.call(arrowKeyDiffs, event.key)) {
+      // prevent default scrolling behavior on arrow key press when node is moved
+      event.preventDefault();
+
       store.setState({
         ariaLiveMessage: `Moved selected node ${event.key
           .replace('Arrow', '')
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index e2bcd238..ecaef17b 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -68,6 +68,8 @@ export function NodesSelection<NodeType extends Node>({
 
   const onKeyDown = (event: KeyboardEvent) => {
     if (Object.prototype.hasOwnProperty.call(arrowKeyDiffs, event.key)) {
+      event.preventDefault();
+
       moveSelectedNodes({
         direction: arrowKeyDiffs[event.key],
         factor: event.shiftKey ? 4 : 1,