fix: focus search bar on iOS devices (kulturfinder#140)

Dataport · Aug 6, 2024 · 5bc8d1e · 5bc8d1e
1 parent a5b0033
commit 5bc8d1e
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
@@ -278,14 +278,15 @@ export default {
   },
   methods: {
     onToggleSearchbar() {
-      if (this.searchbarOpen) {
-        this.$refs.searchbar.blurInput()
-        this.searchbarOpen = !this.searchbarOpen
-        this.$store.dispatch('filters/updateSearchQuery', '')
-      } else {
-        this.searchbarOpen = !this.searchbarOpen
-        this.$refs.searchbar.focusInput()
-      }
+      this.searchbarOpen = !this.searchbarOpen
+      this.$nextTick(() => {
+        if (this.searchbarOpen) {
+          this.$refs.searchbar.$el.querySelector('input').focus()
+        } else {
+          this.$refs.searchbar.blurInput()
+          this.$store.dispatch('filters/updateSearchQuery', '')
+        }
+      })
     },
     searchBarEnterHandler(value) {
       this.$router.push(`/${this.$route.params.locale}/institutions/list?searchQuery=${value}`)