diff --git a/.changeset/tasty-socks-hammer.md b/.changeset/tasty-socks-hammer.md new file mode 100644 index 000000000..9b34f13a3 --- /dev/null +++ b/.changeset/tasty-socks-hammer.md @@ -0,0 +1,5 @@ +--- +'@lion/listbox': patch +--- + +Fix: Prevent default behavior while scrolling using arrow keys in a horizontal listbox diff --git a/packages/listbox/src/ListboxMixin.js b/packages/listbox/src/ListboxMixin.js index 450e3c2b5..804454cc8 100644 --- a/packages/listbox/src/ListboxMixin.js +++ b/packages/listbox/src/ListboxMixin.js @@ -589,6 +589,7 @@ const ListboxMixinImplementation = superclass => } break; case 'ArrowLeft': + ev.preventDefault(); if (this.orientation === 'horizontal') { this.activeIndex = this._getPreviousEnabledOption(this.activeIndex); } @@ -600,6 +601,7 @@ const ListboxMixinImplementation = superclass => } break; case 'ArrowRight': + ev.preventDefault(); if (this.orientation === 'horizontal') { this.activeIndex = this._getNextEnabledOption(this.activeIndex); }