Merge pull request #1413 from dpc-sdp/feature/dropdown-combobox

[SD-180] always set input focus
dpc-sdp · Dec 19, 2024 · 824bb99 · 824bb99
2 parents 937003b + 8dfdcdf
commit 824bb99
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"
           />