From 265cee9b970b5606e8c1948c476b12c9395bd8b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Thu, 19 Feb 2026 20:51:44 +0100
Subject: [PATCH] fix(mobile-menu): add event isolation to all links and state
 logging

---
 default.hbs            | 4 ++++
 partials/header.hbs    | 2 +-
 partials/post-card.hbs | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/default.hbs b/default.hbs
index d80a3cb..bb960d3 100644
--- a/default.hbs
+++ b/default.hbs
@@ -8,11 +8,15 @@
                 localStorage.setItem('theme', val);
                 document.documentElement.setAttribute('data-theme', val);
             });
+            $watch('mobileMenuOpen', val => {
+                console.log('Mobile menu open state changed to:', val);
+            });
             document.documentElement.setAttribute('data-theme', this.theme);
             document.documentElement.classList.remove('hidden');
 
             // Close mobile menu on HTMX navigation
             document.addEventListener('htmx:beforeRequest', () => {
+                console.log('HTMX beforeRequest: closing menu');
                 this.mobileMenuOpen = false;
             });
         }
diff --git a/partials/header.hbs b/partials/header.hbs
index 68ce539..e30cb0f 100644
--- a/partials/header.hbs
+++ b/partials/header.hbs
@@ -1,6 +1,6 @@
 <header class="text-[var(--text-primary)] body-font shadow-lg bg-[var(--bg-primary)]">
     <div class="container mx-auto flex p-5 items-center justify-between">
-        <a href="{{@site.url}}" class="flex title-font font-medium items-center text-[var(--text-primary)]">
+        <a href="{{@site.url}}" class="flex title-font font-medium items-center text-[var(--text-primary)]" @click.stop>
             {{#if @site.logo}}
                 <img src="{{@site.logo}}" alt="{{@site.title}}" class="h-10 w-auto site-logo">
             {{else}}
diff --git a/partials/post-card.hbs b/partials/post-card.hbs
index def8387..921242e 100644
--- a/partials/post-card.hbs
+++ b/partials/post-card.hbs
@@ -1,5 +1,5 @@
 <article class="post-grid-item opacity-0 relative bg-[var(--bg-secondary)] rounded-lg shadow-lg overflow-hidden group">
-    <a href="{{url}}" class="block">
+    <a href="{{url}}" class="block" @click.stop>
         {{#if feature_image}}
             <img
                 class="w-full h-72 object-cover transition-transform duration-300 ease-in-out group-hover:scale-105"