fix(header-search): blur input when active is false (#1857)

carbon-design-system · Nov 23, 2023 · 6c9cf9e · 6c9cf9e
1 parent decf966
commit 6c9cf9e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/UIShell/HeaderSearch.svelte b/src/UIShell/HeaderSearch.svelte
@@ -46,6 +46,7 @@
   }
 
   $: if (active && ref) ref.focus();
+  $: if (!active && ref) ref.blur();
   $: dispatch(active ? "active" : "inactive");
   $: selectedResult = results[selectedResultIndex];
   $: selectedId = selectedResult
@@ -116,9 +117,8 @@
             break;
           case 'Escape':
             if (value === '') {
-              // If the search bar is empty, deactivate and blur the input.
+              // If the search bar is empty, deactivate the input.
               active = false;
-              ref?.blur();
             }
 
             // Reset the search query but keep the search bar active.