Merge pull request #631 from danskernesdigitalebibliotek/DDFFORM-612-…

…paragraph-navigation-grid-focus Add focus on next item after "show more" click in `nav-grid`
danskernesdigitalebibliotek · May 28, 2024 · 73a5b40 · 73a5b40
2 parents 6d70eea + 3608c62
commit 73a5b40
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/stories/Library/nav-grid/init-nav-grid.js b/src/stories/Library/nav-grid/init-nav-grid.js
@@ -11,8 +11,16 @@ window.addEventListener("load", () => {
       return;
     }
 
+    const firstHiddenLink = Array.from(grid.querySelectorAll(".nav-grid__item"))
+      .find((item) => window.getComputedStyle(item).display === "none")
+      ?.querySelector("a");
+
     button.addEventListener("click", () => {
       grid.classList.remove("nav-grid--folded");
+
+      if (firstHiddenLink) {
+        firstHiddenLink.focus();
+      }
     });
   });
 });