From d0ea44ac7fcc3e586f37b10567f7ed4e5b693c98 Mon Sep 17 00:00:00 2001
From: Jorge Vergara <4098446+jorgebv@users.noreply.github.com>
Date: Wed, 8 Feb 2023 09:24:58 -0500
Subject: [PATCH 1/2] fix: remove pointer-events style from multiselect
 dropdown

---
 src/MultiSelect/MultiSelect.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte
index 6b0674c888..d30d1c650c 100644
--- a/src/MultiSelect/MultiSelect.svelte
+++ b/src/MultiSelect/MultiSelect.svelte
@@ -466,7 +466,6 @@
           />
         {/if}
         <ListBoxMenuIcon
-          style="pointer-events: {open ? 'auto' : 'none'}"
           on:click="{(e) => {
             e.stopPropagation();
             open = !open;

From fce7de17ab3018046369448c91b6eba92503a1da Mon Sep 17 00:00:00 2001
From: Jorge Vergara <4098446+jorgebv@users.noreply.github.com>
Date: Wed, 8 Feb 2023 14:32:28 -0500
Subject: [PATCH 2/2] change focus handling behavior

---
 src/MultiSelect/MultiSelect.svelte | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte
index d30d1c650c..6c340e9795 100644
--- a/src/MultiSelect/MultiSelect.svelte
+++ b/src/MultiSelect/MultiSelect.svelte
@@ -186,6 +186,7 @@
   let initialSorted = false;
   let highlightedIndex = -1;
   let prevChecked = [];
+  let inputFocused = false;
 
   setContext("MultiSelect", {
     declareRef: ({ key, ref }) => {
@@ -316,6 +317,7 @@
     class="bx--multi-select {direction === 'top' &&
       'bx--list-box--up'} {filterable && 'bx--combo-box'}
       {filterable && 'bx--multi-select--filterable'}
+      {filterable && inputFocused && 'bx--multi-select--filterable--input-focused'}
       {invalid && 'bx--multi-select--invalid'}
       {inline && 'bx--multi-select--inline'}
       {checked.length > 0 && 'bx--multi-select--selected'}"
@@ -375,7 +377,6 @@
       }}"
       on:focus="{() => {
         if (filterable) {
-          open = true;
           if (inputRef) inputRef.focus();
         }
       }}"
@@ -417,6 +418,11 @@
           class:bx--text-input="{true}"
           class:bx--text-input--empty="{value === ''}"
           class:bx--text-input--light="{light}"
+          on:input="{() => {
+            if (!open) {
+              open = true;
+            }
+          }}"
           on:keydown
           on:keydown|stopPropagation="{({ key }) => {
             if (key === 'Enter') {
@@ -444,7 +450,13 @@
           }}"
           on:keyup
           on:focus
+          on:focus="{() => {
+            inputFocused = true;
+          }}"
           on:blur
+          on:blur="{() => {
+            inputFocused = false;
+          }}"
           on:paste
           disabled="{disabled}"
           placeholder="{placeholder}"