Fix search input not reacting to user input on mobile devices.

twohoursonelife · May 15, 2024 · 5658e1f · 5658e1f
1 parent 0b5d789
commit 5658e1f
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/Select.vue b/src/components/Select.vue
@@ -360,10 +360,14 @@
           <span aria-hidden="true">&times;</span>
         </button>
       </span>
-
+      <!--
+        Note: v-model does not work properly on mobile, we update search manually
+        see: https://github.com/vuejs/vue/issues/9299
+      -->
       <input
               ref="search"
-              v-model="search"
+              :value="search"
+              @input="event => (search = event.target.value)"
               @keydown.delete="maybeDeleteValue"
               @keyup.esc="onEscape"
               @keydown.up.prevent="typeAheadUp"