fixing menu dialog

pixeleye-io · Jun 9, 2024 · 3498a22 · 3498a22
1 parent 3f863a6
commit 3498a22
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/apps/marketing-astro/src/components/docs/mobileNavSidebar.astro b/apps/marketing-astro/src/components/docs/mobileNavSidebar.astro
@@ -29,16 +29,21 @@ import ChevronDownIcon from "@heroicons/react/24/solid/ChevronDownIcon";
 </div>
 
 <script>
-  const btn = document.getElementById("docs-nav-menu-btn")!;
-  const dialog = document.getElementById("docs-nav-menu-dialog")!;
+  function setButton() {
+    const btn = document.getElementById("docs-nav-menu-btn")!;
+    const dialog = document.getElementById("docs-nav-menu-dialog")!;
 
-  btn.addEventListener("click", (e) => {
-    e.preventDefault();
+    btn.addEventListener("click", (e) => {
+      e.preventDefault();
 
-    const newState =
-      dialog.getAttribute("data-state") === "open" ? "closed" : "open";
-    dialog.setAttribute("data-state", newState);
+      const newState =
+        dialog.getAttribute("data-state") === "open" ? "closed" : "open";
+      dialog.setAttribute("data-state", newState);
 
-    btn.setAttribute("aria-expanded", newState === "open" ? "true" : "false");
-  });
+      btn.setAttribute("aria-expanded", newState === "open" ? "true" : "false");
+    });
+  }
+
+  setButton();
+  document.addEventListener("astro:after-swap", setButton);
 </script>
diff --git a/apps/marketing-astro/src/pages/docs/[...path].astro b/apps/marketing-astro/src/pages/docs/[...path].astro
@@ -188,6 +188,7 @@ const sections = await getFiles();
 </Root>
 
 <script>
+
   document.addEventListener("astro:before-swap", () => {
     sessionStorage.setItem(
       "docs-sidebar-nav-scroll",