fix: input focus on enter and popover instance

Author: void-hr

Diff for: 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 for: layouts/partials/hotkey.html

@@ -13,6 +13,11 @@
   href="https://unpkg.com/[email protected]/dist/css/main.min.css"
 />
 <script>
+   function focusSearchBar (){
+    var searchBar = document.querySelector(".td-search__input");
+    searchBar.focus();
+  } 
+
   searchKey.addEventListener("click", () => {
     event.preventDefault();
     focusSearchBar();