From 776e84b3dc6fd92c1192962568b765050aaa8102 Mon Sep 17 00:00:00 2001
From: Maciej Pienczyn <maciej.pienczyn@inpi.pl>
Date: Thu, 9 Apr 2026 22:06:09 +0200
Subject: [PATCH] fix: close mobile menu on PWA back button and page restore

Mobile menu stayed open after history.back() due to bfcache restoring
the page with menu in active state. Now closes menu before navigating
back, and on pageshow event to handle bfcache restore.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 templates/base.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/templates/base.html b/templates/base.html
index 3be9192..ea1cbc5 100755
--- a/templates/base.html
+++ b/templates/base.html
@@ -93,7 +93,7 @@
     <header>
         <div class="container">
             <nav role="navigation" aria-label="Main navigation">
-                <button class="pwa-back-btn" onclick="history.back()" aria-label="Cofnij">
+                <button class="pwa-back-btn" onclick="event.stopPropagation();var m=document.getElementById('navMenu');if(m)m.classList.remove('active');if(history.length>1){history.back();}else{location.href='/';}" aria-label="Cofnij">
                     <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15 10H5m0 0l5-5m-5 5l5 5"/></svg>
                 </button>
                 <a href="{{ url_for('index') }}" class="nav-brand" aria-label="Norda Biznes Home">
@@ -738,6 +738,12 @@
             menu.classList.toggle('active');
         }
 
+        // Close mobile menu on back/forward navigation (bfcache)
+        window.addEventListener('pageshow', function() {
+            var m = document.getElementById('navMenu');
+            if (m) m.classList.remove('active');
+        });
+
         // Auto-dismiss flash messages after 5 seconds
         document.addEventListener('DOMContentLoaded', function() {
             const flashes = document.querySelectorAll('.flash');