From ed8929b55c5272e192a3ce462a083896e7e21ada Mon Sep 17 00:00:00 2001
From: fayazara <fayazara@gmail.com>
Date: Thu, 15 Dec 2022 19:13:41 +0530
Subject: [PATCH] Fix focusing on firefox

---
 .../search/components/SearchFocus.vue         | 23 ---------
 .../search/components/SearchHeader.vue        | 50 +++++++++----------
 2 files changed, 23 insertions(+), 50 deletions(-)
 delete mode 100644 app/javascript/dashboard/routes/dashboard/search/components/SearchFocus.vue

diff --git a/app/javascript/dashboard/routes/dashboard/search/components/SearchFocus.vue b/app/javascript/dashboard/routes/dashboard/search/components/SearchFocus.vue
deleted file mode 100644
index 0a295acca..000000000
--- a/app/javascript/dashboard/routes/dashboard/search/components/SearchFocus.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <div />
-</template>
-
-<script>
-export default {
-  mounted() {
-    this.handler = event => {
-      event.preventDefault();
-      this.$emit('keyup', event);
-    };
-    window.addEventListener('keyup', this.handler);
-  },
-  beforeDestroy() {
-    window.removeEventListener('keyup', this.handler);
-  },
-};
-</script>
-<style scoped>
-div {
-  display: none;
-}
-</style>
diff --git a/app/javascript/dashboard/routes/dashboard/search/components/SearchHeader.vue b/app/javascript/dashboard/routes/dashboard/search/components/SearchHeader.vue
index 26f8a5163..5ad9634b4 100644
--- a/app/javascript/dashboard/routes/dashboard/search/components/SearchHeader.vue
+++ b/app/javascript/dashboard/routes/dashboard/search/components/SearchHeader.vue
@@ -1,31 +1,23 @@
 <template>
-  <div>
-    <search-focus @keyup="focusSearch" />
-    <div class="input-container">
-      <div class="icon-container">
-        <fluent-icon icon="search" class="icon" aria-hidden="true" />
-      </div>
-      <input
-        ref="searchInput"
-        type="search"
-        :placeholder="$t('SEARCH.INPUT_PLACEHOLDER')"
-        :value="searchQuery"
-        @input="debounceSearch"
-      />
-      <div class="key-binding">
-        <span>{{ $t('SEARCH.PLACEHOLDER_KEYBINDING') }}</span>
-      </div>
+  <div class="input-container">
+    <div class="icon-container">
+      <fluent-icon icon="search" class="icon" aria-hidden="true" />
+    </div>
+    <input
+      ref="searchInput"
+      type="search"
+      :placeholder="$t('SEARCH.INPUT_PLACEHOLDER')"
+      :value="searchQuery"
+      @input="debounceSearch"
+    />
+    <div class="key-binding">
+      <span>{{ $t('SEARCH.PLACEHOLDER_KEYBINDING') }}</span>
     </div>
   </div>
 </template>
 
 <script>
-import SearchFocus from './SearchFocus.vue';
-
 export default {
-  components: {
-    SearchFocus,
-  },
   data() {
     return {
       searchQuery: '',
@@ -33,6 +25,16 @@ export default {
   },
   mounted() {
     this.$refs.searchInput.focus();
+    this.handler = e => {
+      if (e.key === '/') {
+        e.preventDefault();
+        this.$refs.searchInput.focus();
+      }
+    };
+    document.addEventListener('keydown', this.handler);
+  },
+  beforeDestroy() {
+    window.removeEventListener('keydown', this.handler);
   },
   methods: {
     debounceSearch(e) {
@@ -44,12 +46,6 @@ export default {
         }
       }, 500);
     },
-    focusSearch(e) {
-      if (e.key === '/') {
-        e.preventDefault();
-        this.$refs.searchInput.focus();
-      }
-    },
   },
 };
 </script>