fix: keep autocomplete loading state when one of multiple searches is…

… canceled
hperrin · May 19, 2024 · 19ea8ed · 19ea8ed
1 parent b61550b
commit 19ea8ed
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/autocomplete/src/Autocomplete.svelte b/packages/autocomplete/src/Autocomplete.svelte
@@ -203,7 +203,7 @@
 
   let element: HTMLDivElement;
   let inputContainer: HTMLDivElement;
-  let loading = false;
+  let loading = 0;
   let error = false;
   let focused = false;
   let listAccessor: SMUIListAccessor;
@@ -216,7 +216,7 @@
   $: menuOpen =
     focused &&
     (text !== '' || showMenuWithNoInput) &&
-    (loading ||
+    (loading > 0 ||
       (!combobox && !(matches.length === 1 && matches[0] === value)) ||
       (combobox &&
         !!matches.length &&
@@ -288,7 +288,7 @@
   }
 
   async function performSearch() {
-    loading = true;
+    loading++;
     error = false;
     try {
       const searchResult = await search(text);
@@ -306,7 +306,7 @@
     } catch (e: any) {
       error = true;
     }
-    loading = false;
+    loading--;
   }
 
   function handleListAccessor(event: CustomEvent<SMUIListAccessor>) {