implement seach view autofocus #41

2021-09-24 17:45:11 +02:00 · 2021-09-24 17:45:11 +02:00 · c1d78fa8c1
commit c1d78fa8c1
parent 7c8a1bb423
1 changed files with 7 additions and 2 deletions
--- a/src/views/Search.vue
+++ b/src/views/Search.vue
@ -100,9 +100,9 @@ export default {
  },
  watch: {
    searching(value) {
-      if (value) {
+      if (!value) {
        if (this.$refs.searchTextInput) {
-            this.$refs.searchTextInput.focus()
+          this.focusSearchText()
        }
      }
    }
@ -111,6 +111,11 @@ export default {
    handleSubmit() {
      this.$router.push({ query: { query: this.searchText }})
      this.$store.dispatch('search/search')
+    },
+    focusSearchText() {
+      this.$nextTick(() => {
+        this.$refs.searchTextInput.focus()
+      })
    }
  },
  created() {