fix(mobile-menu): ensure menu is closed after HTMX settlement

2026-02-19 20:35:30 +01:00
parent aab02f23c0
commit f7b43da97b
1 changed files with 5 additions and 2 deletions
--- a/default.hbs
+++ b/default.hbs
@@ -33,7 +33,6 @@
                    this.open = false; 
                },
                openMenu() { 
-                    // Only open if we are on a mobile screen to prevent unexpected triggers
                    if (window.innerWidth < 768) {
                        this.open = true; 
                    }
@@ -41,15 +40,19 @@
            });
        });

+        // Ensure menu is closed during and after navigation
        document.addEventListener('htmx:beforeRequest', () => {
            if (window.Alpine) Alpine.store('mobileMenu').close();
        });
+        document.addEventListener('htmx:afterSettle', () => {
+            if (window.Alpine) Alpine.store('mobileMenu').close();
+        });
    </script>

    {{ghost_head}}
 </head>
 <body class="{{body_class}} font-sans antialiased">
-    {{!-- Mobile menu stays outside the boosted area to persist state --}}
+    {{!-- Mobile menu stays outside the boosted area --}}
    {{> mobile-menu}}

    <div class="min-h-screen flex flex-col" hx-boost="true">