From 7b4bea577878110d2c7a7898507e6414a25f109a Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Wed, 16 Feb 2022 07:24:25 -0800
Subject: [PATCH] fix(multi-select): ListBoxField should not prevent default
 behavior

Fixes #938
---
 src/ListBox/ListBoxField.svelte    | 2 +-
 src/MultiSelect/MultiSelect.svelte | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/ListBox/ListBoxField.svelte b/src/ListBox/ListBoxField.svelte
index 1f8d5485..5d21a413 100644
--- a/src/ListBox/ListBoxField.svelte
+++ b/src/ListBox/ListBoxField.svelte
@@ -60,7 +60,7 @@
   on:mouseover
   on:mouseenter
   on:mouseleave
-  on:keydown|preventDefault|stopPropagation
+  on:keydown
   on:focus
   on:blur
 >
diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte
index 02685613..c3434432 100644
--- a/src/MultiSelect/MultiSelect.svelte
+++ b/src/MultiSelect/MultiSelect.svelte
@@ -315,10 +315,17 @@
           open = !open;
         }
       }}"
-      on:keydown="{({ key }) => {
+      on:keydown="{(e) => {
         if (filterable) {
           return;
         }
+
+        const key = e.key;
+
+        if ([' ', 'ArrowUp', 'ArrowDown'].includes(key)) {
+          e.preventDefault();
+        }
+
         if (key === ' ') {
           open = !open;
         } else if (key === 'Tab') {