fix(@dpc-sdp/ripple-ui-forms): always set searchInput focus

dpc-sdp · Dec 19, 2024 · 8dfdcdf · 8dfdcdf
1 parent 0dc2178
commit 8dfdcdf
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/ripple-ui-forms/src/components/RplFormDropdown/RplFormDropdown.vue b/packages/ripple-ui-forms/src/components/RplFormDropdown/RplFormDropdown.vue
@@ -241,9 +241,8 @@ const handleSearchUpdate = (event: Event) => {
   }
 }
 
-const handleSearchBlur = () => {
-  searchFocused.value = false
-}
+const handleSearchFocus = () => (searchFocused.value = true)
+const handleSearchBlur = () => (searchFocused.value = false)
 
 watch(
   () => props.value,
@@ -600,6 +599,7 @@ const hasValue = computed((): boolean => {
             autocomplete="off"
             @keydown.enter.prevent="handleSearchSubmit"
             @keydown.left.stop="handleSearchLeft"
+            @focus="handleSearchFocus"
             @blur="handleSearchBlur"
             @input="handleSearchUpdate"
           />