fix(overflow-menu): prevent arrow keys from scrolling page (#19556)

heloiselui · annawen1 · web-flow · commit 721b15192fb5 · 2025-06-03T15:18:05.000Z
Co-authored-by: Anna Wen &lt;54281166+annawen1@users.noreply.github.com&gt;
diff --git a/packages/web-components/src/components/overflow-menu/overflow-menu-body.ts b/packages/web-components/src/components/overflow-menu/overflow-menu-body.ts
@@ -111,6 +111,7 @@ class CDSOverflowMenuBody extends CDSFloatingMenu {
       }
 
       if (key in NAVIGATION_DIRECTION) {
+        event.preventDefault();
         this._navigate(NAVIGATION_DIRECTION[key]);
       }
 

Original file line number	Diff line number	Diff line change
`@@ -111,6 +111,7 @@ class CDSOverflowMenuBody extends CDSFloatingMenu {`
`111`	`111`	`}`
`112`	`112`
`113`	`113`	`if (key in NAVIGATION_DIRECTION) {`
	`114`	`+ event.preventDefault();`
`114`	`115`	`this._navigate(NAVIGATION_DIRECTION[key]);`
`115`	`116`	`}`
`116`	`117`