From 890c99def5aefe72fc4af3bc7539d25bcca7ab67 Mon Sep 17 00:00:00 2001
From: jqlio18 <jqlio18@gmail.com>
Date: Tue, 20 Dec 2022 23:12:05 -0500
Subject: [PATCH] `Dropdown` click outside Fixes #1595

---
 src/Dropdown/Dropdown.svelte | 19 ++++++-------------
 1 file changed, 6 insertions(+), 13 deletions(-)

diff --git a/src/Dropdown/Dropdown.svelte b/src/Dropdown/Dropdown.svelte
index dce8ac20..f049ccf7 100644
--- a/src/Dropdown/Dropdown.svelte
+++ b/src/Dropdown/Dropdown.svelte
@@ -150,14 +150,6 @@
   };
 </script>
 
-<svelte:window
-  on:click="{({ target }) => {
-    if (open && ref && !ref.contains(target)) {
-      open = false;
-    }
-  }}"
-/>
-
 <div
   class:bx--dropdown__wrapper="{true}"
   class:bx--list-box__wrapper="{true}"
@@ -182,10 +174,11 @@
     size="{size}"
     name="{name}"
     aria-label="{$$props['aria-label']}"
-    class="bx--dropdown {direction === 'top' && 'bx--list-box--up'} {invalid &&
-      'bx--dropdown--invalid'} {!invalid &&
-      warn &&
-      'bx--dropdown--warning'} {open && 'bx--dropdown--open'}
+    class="bx--dropdown 
+      {direction === 'top' && 'bx--list-box--up'} 
+      {invalid && 'bx--dropdown--invalid'} 
+      {!invalid && warn && 'bx--dropdown--warning'} 
+      {open && 'bx--dropdown--open'}
       {size === 'sm' && 'bx--dropdown--sm'}
       {size === 'xl' && 'bx--dropdown--xl'}
       {inline && 'bx--dropdown--inline'}
@@ -233,7 +226,6 @@
             open = false;
           }
         } else if (key === 'Tab') {
-          open = false;
           ref.blur();
         } else if (key === 'ArrowDown') {
           if (!open) open = true;
@@ -245,6 +237,7 @@
           open = false;
         }
       }}"
+      on:blur="{() => (open = false)}"
       on:keyup="{(e) => {
         const { key } = e;
         if ([' '].includes(key)) {