From 830eff7d39031ab42c507afa5bb202e86fb4f87c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ullrich=20Sch=C3=A4fer?= Date: Fri, 12 Jun 2026 15:19:42 +0200 Subject: [PATCH] fix: isolate the Leaflet map's stacking context MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The mobile nav drawer's backdrop (z-40) was being painted over by the Leaflet map: `.leaflet-container` doesn't establish its own stacking context, so its internal high z-indexes (panes ~200–700, zoom controls ~1000) competed with the page and bled over the drawer overlay — the map stayed bright while the rest of the page dimmed. Add `isolation: isolate` (Tailwind `isolate`) to the map container so those z-indexes stay contained and the map sits below page overlays (menus, modals, dialogs) like any other content. Verified in the browser with the drawer open over an activity-detail map. Co-Authored-By: Claude Opus 4.8 --- apps/journal/app/components/RouteMapThumbnail.client.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/apps/journal/app/components/RouteMapThumbnail.client.tsx b/apps/journal/app/components/RouteMapThumbnail.client.tsx index 5a4591d..366a30e 100644 --- a/apps/journal/app/components/RouteMapThumbnail.client.tsx +++ b/apps/journal/app/components/RouteMapThumbnail.client.tsx @@ -89,7 +89,11 @@ export function RouteMapThumbnail({ geojson, interactive, className, dayBreaks,