From 1ea9f291b6356c6ca0dbbe3c2e4a46724b9e1a34 Mon Sep 17 00:00:00 2001
From: Jelle Postma <jellep@topdesk.com>
Date: Mon, 28 Feb 2022 11:09:24 +0100
Subject: [PATCH] Fix: Prevent default behavior while scrolling using arrow
 keys in a horizontal listbox

---
 .changeset/tasty-socks-hammer.md     | 5 +++++
 packages/listbox/src/ListboxMixin.js | 2 ++
 2 files changed, 7 insertions(+)
 create mode 100644 .changeset/tasty-socks-hammer.md

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);
           }