Skip to content

Commit bdc774e

Browse files
authored
fix(menu): prevent scroll when navigating with arrow keys (#19392)
1 parent 229cdb7 commit bdc774e

File tree

1 file changed

+4
-0
lines changed
  • packages/web-components/src/components/menu

1 file changed

+4
-0
lines changed

packages/web-components/src/components/menu/menu.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -209,6 +209,10 @@ class CDSMenu extends HostListenerMixin(LitElement) {
209209
if (e.key === 'Escape' || (!isRoot && e.key === 'ArrowLeft')) {
210210
this.dispatchCloseEvent(e);
211211
} else {
212+
// Prevent scrolling when navigating menu items
213+
if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
214+
e.preventDefault();
215+
}
212216
this._focusItem(e);
213217
}
214218
};

0 commit comments

Comments
 (0)