@cagovweb/state-template 6.3.1-beta6 → 6.3.1-beta8

package/dist/js/cagov.core.js

@@ -1,4 +1,4 @@
-var StateTemplateNpmPackageVersion="6.3.1-beta6";
+var StateTemplateNpmPackageVersion="6.3.1-beta8";
 /*!
   * Bootstrap v5.3.0 (https://getbootstrap.com/)
   * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
@@ -8751,6 +8751,13 @@ window.addEventListener("load", () => {
       )
     );
 
+  const getAllFirstLevelNavLinks = () =>
+    /** @type { NodeListOf<HTMLElement>} */ (
+      navSearchCont.querySelectorAll(
+        "a.first-level-link, button.first-level-btn"
+      )
+    );
+
   // Escape key event listener
   document.addEventListener("keydown", e => {
     if (navSearchCont.classList.contains("visible")) {
@@ -8814,12 +8821,16 @@ window.addEventListener("load", () => {
 
   // Button click close menu function
   const closeMenu = () => {
-    navSearchCont.classList.remove("visible");
+    if (navSearchCont.classList.contains("visible")) {
+      navSearchCont.classList.remove("visible");
+
+      //Set focus only when close actually happens
+      navToggleBtn.focus();
+    }
+
     navSearchCont.classList.add("not-visible");
 
     setClosed();
-
-    navToggleBtn.focus();
   };
 
   const setClosed = () => {
@@ -8846,11 +8857,16 @@ window.addEventListener("load", () => {
   navMobileMenuToggleBtn.addEventListener("click", closeMenu);
 
   const mobileCheck = () => {
-    closeMenu();
-    if (mobileControlsDisplay !== "block") {
-      // desktop
+    NavReset();
 
-      NavReset();
+    // desktop
+    if (isDesktopWidth()) {
+      getAllFirstLevelNavLinks().forEach(el => el.removeAttribute("tabindex"));
+    }
+    // mobile
+    else {
+      getAllFirstLevelNavLinks().forEach(el => (el.tabIndex = -1));
+      closeMenu();
     }
   };