focus and select text in combobox when list is opened (#1610)

temporalio · Aug 31, 2023 · 9f27c3c · 9f27c3c · vercel · Aug 31, 2023
1 parent f4e73d9
commit 9f27c3c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/lib/holocene/combobox/combobox.svelte b/src/lib/holocene/combobox/combobox.svelte
@@ -113,12 +113,13 @@
       closeList();
     } else {
       openList();
-      inputElement.focus();
     }
   };
 
   const openList = () => {
     $open = true;
+    inputElement.focus();
+    inputElement.select();
   };
 
   const closeList = () => {
@@ -288,7 +289,7 @@
       on:click={toggleList}
     >
       <Icon name={$open ? 'chevron-up' : 'chevron-down'} />
-  </button>
+    </button>
   </div>
 
   <Menu bind:menuElement id="{id}-listbox" role="listbox" class="w-full">