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

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

diff --git a/src/ListBox/ListBoxField.svelte b/src/ListBox/ListBoxField.svelte
index 1f8d5485..38cb4474 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|stopPropagation
   on:focus
   on:blur
 >
diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte
index 98eaff54..81d50f84 100644
--- a/src/MultiSelect/MultiSelect.svelte
+++ b/src/MultiSelect/MultiSelect.svelte
@@ -315,10 +315,14 @@
           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') {