From a9a753da122cd38183ef8595d6390f423fd6b35c Mon Sep 17 00:00:00 2001 From: Branimir Georgiev Date: Sun, 26 Apr 2026 13:17:31 +0300 Subject: [PATCH] fix: close mobile nav when tapping outside the menu Closes #171 Co-Authored-By: Claude Opus 4.6 (1M context) --- astro-site/src/components/Header.astro | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/astro-site/src/components/Header.astro b/astro-site/src/components/Header.astro index 261f14a..c28adf1 100644 --- a/astro-site/src/components/Header.astro +++ b/astro-site/src/components/Header.astro @@ -77,9 +77,17 @@ const base = import.meta.env.BASE_URL; const navToggle = document.getElementById("nav-toggle"); const siteTabs = document.getElementById("site-tabs"); - navToggle.addEventListener("click", () => { + navToggle.addEventListener("click", (e) => { + e.stopPropagation(); const expanded = navToggle.getAttribute("aria-expanded") === "true"; navToggle.setAttribute("aria-expanded", String(!expanded)); siteTabs.classList.toggle("open"); }); + + document.addEventListener("click", (e) => { + if (!siteTabs.classList.contains("open")) return; + if (navToggle.contains(e.target) || siteTabs.contains(e.target)) return; + navToggle.setAttribute("aria-expanded", "false"); + siteTabs.classList.remove("open"); + });