feat: Only hide the navigation when resizing horizontally

canonical · Aug 14, 2024 · 83d23ba · 83d23ba
1 parent 38ebde7
commit 83d23ba
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/static/js/navigation/main.js b/static/js/navigation/main.js
@@ -236,8 +236,18 @@ var throttle = function (fn, delay) {
   };
 };
 
-// hide navigation when screen is resized
-window.addEventListener("resize", throttle(closeAllNavigationItems, 10));
+// Hide navigation when screen is horizontally resized
+let previousWidth = window.innerWidth;
+window.addEventListener(
+  "resize",
+  throttle(function () {
+    const currentWidth = window.innerWidth;
+    if (currentWidth !== previousWidth) {
+      closeAllNavigationItems();
+      previousWidth = currentWidth;
+    }
+  }, 10)
+);
 
 // Update careers dropdown with latest avaiable roles
 populateCareersRoles();