Merge pull request #386 from void-hr/fix/searchbar-click

fix(searchbar): changed event listener to click
layer5io · Oct 28, 2024 · 38cd2a3 · 38cd2a3
2 parents ca466d9 + ccea8fa
commit 38cd2a3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 15 deletions.
diff --git a/assets/js/offline-search.js b/assets/js/offline-search.js
@@ -14,7 +14,7 @@
         render($(event.target));
 
         // Hide keyboard on mobile browser
-        $searchInput.blur();
+        // $searchInput.blur();
       });
 
       // Prevent reloading page by enter key on sidebar search.
@@ -62,23 +62,13 @@
         // Dispose existing popover
         //
 
-        {
-          let popover = bootstrap.Popover.getInstance($targetSearchInput[0]);
-          if (popover !== null) {
-            popover.dispose();
-          }
-        }
+        bootstrap.Popover.getInstance($targetSearchInput[0])?.dispose();
 
         //
         // Search
         //
-
-        if (idx === null) {
-          return;
-        }
-
         const searchQuery = $targetSearchInput.val();
-        if (searchQuery === '') {
+        if (idx === null || searchQuery === "") {
           return;
         }
 
@@ -182,7 +172,7 @@
 
       //Bring focus to search bar
       $(document).on('keydown', function (event) {
-        if (event.key === '/') {
+        if (event.key === '/' ) {
           $searchInput.focus();
         }
       });

diff --git a/layouts/partials/hotkey.html b/layouts/partials/hotkey.html
@@ -13,7 +13,12 @@
   href="https://unpkg.com/keyboard-css@1.2.4/dist/css/main.min.css"
 />
 <script>
-  searchKey.addEventListener("mousedown", () => {
+   function focusSearchBar (){
+    var searchBar = document.querySelector(".td-search__input");
+    searchBar.focus();
+  } 
+
+  searchKey.addEventListener("click", () => {
     event.preventDefault();
     focusSearchBar();
   });