From c1d78fa8c1119e69c3d82756ff93db0be90d8696 Mon Sep 17 00:00:00 2001
From: Michael Weimann <mail@michael-weimann.eu>
Date: Fri, 24 Sep 2021 17:45:11 +0200
Subject: [PATCH] implement seach view autofocus #41

---
 src/views/Search.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/Search.vue b/src/views/Search.vue
index b585cc6..ae36c63 100644
--- 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() {