Skip to content

Commit a9a753d

Browse files
brabojclaude
andcommitted
fix: close mobile nav when tapping outside the menu
Closes #171 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 41634e4 commit a9a753d

1 file changed

Lines changed: 9 additions & 1 deletion

File tree

astro-site/src/components/Header.astro

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,9 +77,17 @@ const base = import.meta.env.BASE_URL;
7777
const navToggle = document.getElementById("nav-toggle");
7878
const siteTabs = document.getElementById("site-tabs");
7979

80-
navToggle.addEventListener("click", () => {
80+
navToggle.addEventListener("click", (e) => {
81+
e.stopPropagation();
8182
const expanded = navToggle.getAttribute("aria-expanded") === "true";
8283
navToggle.setAttribute("aria-expanded", String(!expanded));
8384
siteTabs.classList.toggle("open");
8485
});
86+
87+
document.addEventListener("click", (e) => {
88+
if (!siteTabs.classList.contains("open")) return;
89+
if (navToggle.contains(e.target) || siteTabs.contains(e.target)) return;
90+
navToggle.setAttribute("aria-expanded", "false");
91+
siteTabs.classList.remove("open");
92+
});
8593
</script>

0 commit comments

Comments
 (0)