From fefd43dd8c5b5fd8c4af0f92ba93d18cbf6fa7a4 Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Sun, 27 Jun 2021 05:37:47 -0700
Subject: [PATCH] fix(multi-select): open/focus field for filterable
 multiselect #635

---
 src/ListBox/ListBoxField.svelte    | 1 +
 src/MultiSelect/MultiSelect.svelte | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/ListBox/ListBoxField.svelte b/src/ListBox/ListBoxField.svelte
index 37e25755..b49e4dbf 100644
--- a/src/ListBox/ListBoxField.svelte
+++ b/src/ListBox/ListBoxField.svelte
@@ -61,6 +61,7 @@
   on:mouseenter
   on:mouseleave
   on:keydown|preventDefault|stopPropagation
+  on:focus
   on:blur
 >
   <slot />
diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte
index 064eeca6..147a06e4 100644
--- a/src/MultiSelect/MultiSelect.svelte
+++ b/src/MultiSelect/MultiSelect.svelte
@@ -319,6 +319,12 @@
           }
         }
       }}"
+      on:focus="{() => {
+        if (filterable) {
+          open = true;
+          if (inputRef) inputRef.focus();
+        }
+      }}"
       on:blur="{({ relatedTarget }) => {
         if (
           relatedTarget &&
@@ -342,7 +348,7 @@
               ...item,
               checked: false,
             }));
-            fieldRef.blur();
+            if (fieldRef) fieldRef.blur();
           }}"
           translateWithId="{translateWithId}"
           disabled="{disabled}"