trails-cool/trails
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #533 from trails-cool/fix-map-isolation

Browse source 
fix: isolate the Leaflet map's stacking context
This commit is contained in:
Ullrich Schäfer 2026-06-12 15:23:45 +02:00 • committed by GitHub
commit 1bfb6f1d86
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
apps/journal/app/components/RouteMapThumbnail.client.tsx
View file

@ -89,7 +89,11 @@ export function RouteMapThumbnail({ geojson, interactive, className, dayBreaks,
<MapContainer <MapContainer
center={[50, 10]} center={[50, 10]}
zoom={6} zoom={6}
className={className ?? "h-36 w-full rounded"} // `isolate` gives the Leaflet container its own stacking context so its
// internal high z-indexes (panes ~200–700, zoom controls ~1000) stay
// contained and can't paint over page overlays like the mobile nav
// drawer's backdrop.
className={`${className ?? "h-36 w-full rounded"} isolate`}
zoomControl={interactive ?? false} zoomControl={interactive ?? false}
attributionControl={interactive ?? false} attributionControl={interactive ?? false}
dragging={interactive ?? false} dragging={interactive ?? false}