implement seach view autofocus #41

2021-09-24 17:45:11 +02:00 · 2021-09-24 17:45:11 +02:00 · c3cc51dbf9
parent 9906e32f45
commit c3cc51dbf9
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()
        }
      }
    }
@ -110,6 +110,11 @@ export default {
  methods: {
    handleSubmit() {
      this.$store.dispatch('search/search')
+    },
+    focusSearchText() {
+      this.$nextTick(() => {
+        this.$refs.searchTextInput.focus()
+      })
    }
  },
  created() {