fix(mobile-menu): isolate mobile menu from hx-boost to prevent state persistence issues

2026-02-19 20:06:25 +01:00
parent 2e224930b5
commit b1346cbe90
2 changed files with 11 additions and 4 deletions
--- a/default.hbs
+++ b/default.hbs
@@ -39,9 +39,11 @@

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

-    <div class="min-h-screen flex flex-col">
+    <div class="min-h-screen flex flex-col" hx-boost="true">
        {{> header}}

        <main class="flex-grow">
@@ -49,8 +51,6 @@
        </main>

        {{> footer}}
-
-        {{> mobile-menu}}
    </div>

    {{ghost_foot}}