refactor: streamline mobile menu with event delegation

2026-06-06 16:54:11 +02:00
parent 037a8abd1b
commit 44786455b4
1 changed files with 6 additions and 5 deletions
--- a/static/shell.ts
+++ b/static/shell.ts
@@ -67,11 +67,12 @@ const initMobileMenu = (): void => {
    closeMenu();
  });

-  menu.querySelectorAll<HTMLElement>("a, button").forEach((el) => {
-    el.addEventListener("click", () => {
-      if (!isMobileViewport()) return;
-      closeMenu();
-    });
+  menu.addEventListener("click", (event) => {
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    if (!target.closest("a, button")) return;
+    if (!isMobileViewport()) return;
+    closeMenu();
  });

  window.addEventListener("resize", () => {