fix(SelectUnitModal): fix search for mobile devices

rudnovd · Apr 6, 2022 · 413f676 · 413f676
1 parent 90e7c7b
commit 413f676
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/SelectUnitModal.vue b/src/components/SelectUnitModal.vue
@@ -3,11 +3,12 @@
     <template #header>
       <input
         ref="searchInput"
-        v-model="search"
+        :value="search"
         type="text"
         class="search-input"
         :placeholder="t('components.selectUnitModal.searchCreature')"
         @keyup.enter="selectFirstFounded"
+        @input="searchCreature"
       />
     </template>
 
@@ -139,6 +140,11 @@ export default defineComponent({
       context.emit('close')
     }
 
+    const searchCreature = (event: Event) => {
+      const target = event.currentTarget as HTMLInputElement
+      search.value = target.value
+    }
+
     return {
       t,
 
@@ -151,6 +157,7 @@ export default defineComponent({
       selectUnit,
       selectFirstFounded,
       onClose,
+      searchCreature,
     }
   },
 })