From 13df7e27dba8ebaecd56ffb2c560015360776dc7 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Thu, 16 Apr 2026 15:59:51 +0200
Subject: 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 <noreply@anthropic.com>
---
 .../layouts/partials/hamburger-menu.html                | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

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>
-- 
cgit v1.2.3