From 8f36c359aaf8ea99814d524b92f874be391d574a Mon Sep 17 00:00:00 2001
From: "Konrad M." <github@0bs.de>
Date: Tue, 21 Apr 2026 21:57:00 +0200
Subject: [PATCH] fix(dashboard): fix widget nav button on iOS; lift header
 above backdrop-filter

widgetHeader replaces <a href> with <button type="button"> so iOS Safari
does not intercept the touch event before the JS click handler fires.
widget__header gets position: relative; z-index: 2 to appear above the
backdrop-filter ::after pseudo-element stacking context.
---
 public/pages/dashboard.js   | 4 ++--
 public/styles/dashboard.css | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/public/pages/dashboard.js b/public/pages/dashboard.js
index 1e02ced..c8bd0b9 100644
--- a/public/pages/dashboard.js
+++ b/public/pages/dashboard.js
@@ -119,9 +119,9 @@ function widgetHeader(icon, title, count, linkHref, linkLabel) {
         ${title}
         ${badge}
       </span>
-      <a href="${linkHref}" data-route="${linkHref}" class="widget__link">
+      <button type="button" data-route="${linkHref}" class="widget__link">
         ${linkLabel}
-      </a>
+      </button>
     </div>
   `;
 }
diff --git a/public/styles/dashboard.css b/public/styles/dashboard.css
index 7969263..4748fef 100644
--- a/public/styles/dashboard.css
+++ b/public/styles/dashboard.css
@@ -187,6 +187,8 @@
   align-items: center;
   justify-content: space-between;
   padding: var(--space-3) var(--space-4) var(--space-2);
+  position: relative;
+  z-index: 2;
 }
 
 .widget__title {