Added a common selection clear function

Signed-off-by: Hofi <hofione@gmail.com>
HofiOne · May 22, 2024 · 2d9355d · 2d9355d
1 parent a309968
commit 2d9355d
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 11 deletions.
diff --git a/_includes/globals.html b/_includes/globals.html
@@ -52,6 +52,11 @@
     };
   }
 
+  function clearFocus() {
+    if (document.activeElement instanceof HTMLElement)
+      document.activeElement.blur();
+  }
+
   function getElementPositionRelativeToRoot(element) {
     var rect = element.getBoundingClientRect();
 

diff --git a/_js/custom/navigation.js b/_js/custom/navigation.js
@@ -149,7 +149,8 @@ $(function () {
     if (anchorId)
       scrollToAnchor(anchorId);
     // Clear any focus (e.g back navigation keeps the previously clicked link focused)
-    window.trigger('blur');
+    clearFocus();
+    hideSearch();
   }
 
   function updateContentFromUrl(url) {
@@ -779,15 +780,21 @@ $(function () {
           input.trigger("select");
         }, 100);
       }
-      else {
-        // set focus back via the initial content otherwise the focus will not get back to the search input once again
-        $(".initial-content").find("input").focus();
-      }
+      // else {
+      //   // set focus back via the initial content otherwise the focus will not get back to the search input once again
+      //   $(".initial-content").find("input").focus();
+      // }
 
       if (tooltipTarget)
         hideTooltip(true);
-      // NOTE: event.target is not always the toggle here, use it directly instead of the event
-      $("#search-button").trigger('blur');
+
+      clearFocus();
+    }
+
+    function hideSearch() {
+      $(".search-content").removeClass("is--visible");
+      $(".search-content__form").removeClass("is--visible");
+      $(".initial-content").removeClass("is--hidden");
     }
 
     $("#search-button").on('click', toggleSearch);
@@ -803,6 +810,8 @@ $(function () {
   // (e.g. when an inner embedded page link is opened directly in a new tab, not via the internal navigational links)
   finalizeContent();
 
+  hideSearch()
+
   // Listen for popstate events and update content accordingly
   window.addEventListener('popstate', function () {
     updateContentFromUrl(window.location.pathname);

diff --git a/_js/main.min.js b/_js/main.min.js
@@ -8539,7 +8539,8 @@ $(function() {
         if (ClipboardJS.isSupported()) addCodeBlocksTitle();
         addContentTooltips();
         if (anchorId) scrollToAnchor(anchorId);
-        window.trigger("blur");
+        clearFocus();
+        hideSearch();
     }
     function updateContentFromUrl(url) {
         var currContent = document.querySelector(contentID);
@@ -8921,16 +8922,20 @@ $(function() {
                     input.trigger("focus");
                     input.trigger("select");
                 }, 100);
-            } else {
-                $(".initial-content").find("input").focus();
             }
             if (tooltipTarget) hideTooltip(true);
-            $("#search-button").trigger("blur");
+            clearFocus();
+        }
+        function hideSearch() {
+            $(".search-content").removeClass("is--visible");
+            $(".search-content__form").removeClass("is--visible");
+            $(".initial-content").removeClass("is--hidden");
         }
         $("#search-button").on("click", toggleSearch);
     }
     stickySideBar();
     finalizeContent();
+    hideSearch();
     window.addEventListener("popstate", function() {
         updateContentFromUrl(window.location.pathname);
     });