From 86bdb5e2aeab97b6da3893bb76ece433238555d5 Mon Sep 17 00:00:00 2001
From: vallode <18506096+vallode@users.noreply.github.com>
Date: Fri, 8 Apr 2022 04:45:22 +0200
Subject: [PATCH] Fix search input shortcut (#2140)

* Add handler for slash shortcut

* Fix lint errors

* Change Slash shortcut to Alt+KeyD
---
 src/renderer/App.js                           | 3 +++
 src/renderer/components/ft-input/ft-input.vue | 1 +
 src/renderer/components/top-nav/top-nav.js    | 8 ++++++++
 src/renderer/components/top-nav/top-nav.vue   | 1 +
 4 files changed, 13 insertions(+)

diff --git a/src/renderer/App.js b/src/renderer/App.js
index fe4a7da6..c1f92be3 100644
--- a/src/renderer/App.js
+++ b/src/renderer/App.js
@@ -303,6 +303,9 @@ export default Vue.extend({
           case 'ArrowLeft':
             this.$refs.topNav.historyBack()
             break
+          case 'KeyD':
+            this.$refs.topNav.focusSearch()
+            break
         }
       }
       switch (event.code) {
diff --git a/src/renderer/components/ft-input/ft-input.vue b/src/renderer/components/ft-input/ft-input.vue
index 7803ddde..1bf38327 100644
--- a/src/renderer/components/ft-input/ft-input.vue
+++ b/src/renderer/components/ft-input/ft-input.vue
@@ -37,6 +37,7 @@
     />
     <input
       :id="id"
+      ref="input"
       v-model="inputData"
       :list="idDataList"
       class="ft-input"
diff --git a/src/renderer/components/top-nav/top-nav.js b/src/renderer/components/top-nav/top-nav.js
index 6d8921d9..136f17b5 100644
--- a/src/renderer/components/top-nav/top-nav.js
+++ b/src/renderer/components/top-nav/top-nav.js
@@ -36,6 +36,10 @@ export default Vue.extend({
       return this.$store.getters.getEnableSearchSuggestions
     },
 
+    searchInput: function () {
+      return this.$refs.searchInput.$refs.input
+    },
+
     searchSettings: function () {
       return this.$store.getters.getSearchSettings
     },
@@ -197,6 +201,10 @@ export default Vue.extend({
       this.showFilters = false
     },
 
+    focusSearch: function () {
+      this.searchInput.focus()
+    },
+
     getSearchSuggestionsDebounce: function (query) {
       if (this.enableSearchSuggestions) {
         this.debounceSearchResults(query)
diff --git a/src/renderer/components/top-nav/top-nav.vue b/src/renderer/components/top-nav/top-nav.vue
index 854e9f6b..389a0abc 100644
--- a/src/renderer/components/top-nav/top-nav.vue
+++ b/src/renderer/components/top-nav/top-nav.vue
@@ -66,6 +66,7 @@
     <div class="middle">
       <div class="searchContainer">
         <ft-input
+          ref="searchInput"
           :placeholder="$t('Search / Go to URL')"
           class="searchInput"
           :is-search="true"