From: Danilo M. <redacted>
Date: Thu, 16 Apr 2026 13:59:51 +0000 (+0200)
Subject: fix: prevent menu flicker when navigating to new page
X-Git-Tag: release_22042026-1342~193
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=13df7e27dba8ebaecd56ffb2c560015360776dc7;p=danix.xyz-2.git

fix: prevent menu flicker when navigating to new page

- Add beforeunload event listener to close menu before page navigation
- This prevents the menu from briefly appearing on the new page
- Menu state is explicitly set to false before unload
- Rebuild CSS: main.min.css updated

Co-Authored-By: Claude Haiku 4.5 <redacted>
---

diff --git a/themes/danix-xyz-hacker/layouts/partials/hamburger-menu.html b/themes/danix-xyz-hacker/layouts/partials/hamburger-menu.html
index 02e6d0d..caa6c6d 100644
--- a/themes/danix-xyz-hacker/layouts/partials/hamburger-menu.html
+++ b/themes/danix-xyz-hacker/layouts/partials/hamburger-menu.html
@@ -73,18 +73,11 @@
 </div>
 
 <script>
-  // Make menuOpen accessible from the menu toggle button
-  document.addEventListener('DOMContentLoaded', () => {
-    const menuToggle = document.getElementById('menu-toggle');
-    if (menuToggle && window.__alpineInstances) {
-      menuToggle.addEventListener('click', (e) => {
-        e.preventDefault();
-        // Find the Alpine component and toggle it
-        const overlay = document.querySelector('[x-data*="menuOpen"]');
-        if (overlay && overlay.__x) {
-          overlay.__x.$data.menuOpen = !overlay.__x.$data.menuOpen;
-        }
-      });
+  // Close menu before page navigation to prevent flicker
+  window.addEventListener('beforeunload', () => {
+    const overlay = document.querySelector('[x-data*="menuOpen"]');
+    if (overlay && overlay.__x) {
+      overlay.__x.$data.menuOpen = false;
     }
   });
 </script>