feat: Auto-select search (#1718)

meltano · Mar 21, 2024 · a4c41c4 · a4c41c4
1 parent 38aeb11
commit a4c41c4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Search.vue b/src/components/Search.vue
@@ -7,11 +7,11 @@
       placeholder="Search 600+ connectors and tools"
       class="search-bar text-black text-sm bg-transparent pl-4 border-solid border-blue border rounded-[9999px] py-1.5 w-full placeholder:text-par placeholder:font-light font-ibm focus-visible:outline-0"
       ref="searchBar"
+      autofocus
       :value="search"
       @input="search = $event.target.value"
       @focus="searchFocused = true"
-      @blur="searchFocused = true"
-      v-focus="searchFocused"
+      @blur="searchFocused = false"
     />
     <div class="absolute right-2 top-1/4">
       <svg
@@ -120,7 +120,7 @@ export default {
   data() {
     return {
       search: "",
-      searchFocused: false,
+      searchFocused: true,
       hoveringOnSearchOptions: false,
     };
   },