Commit f8d6277
authored
* fix(layout): keep confirmation dialogs above map-control panels (#451)
Map-control panels (e.g. maplibre-gl-basemap-control) append their panel
to the map container with `position: absolute; z-index: 1000`. The map
area `<main>` was only `position: relative`, so that z-index escaped to
the root stacking context and rendered above body-portaled modal dialogs
(z-50) such as the layer-removal confirmation, leaving part of the dialog
unreadable behind the panel.
Make `<main>` an isolating stacking context (`isolation: isolate`) so all
map-control panels appended to the map container stay contained below the
modal layer. This fixes the reported basemap case and the whole class of
map-panel-over-dialog conflicts without touching the shadcn z-index scale
(so Radix popovers/selects nested inside dialogs keep working).
* Address Claude review feedback
- Condense the `<main>` isolate comment to a single line and correct the
cited map-panel z-index from 1000 to 10000 (the four control-panel
style sheets all use z-index: 10000).
1 parent 53b2b4d commit f8d6277
1 file changed
Lines changed: 2 additions & 1 deletion
Lines changed: 2 additions & 1 deletion
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1190 | 1190 | | |
1191 | 1191 | | |
1192 | 1192 | | |
1193 | | - | |
| 1193 | + | |
| 1194 | + | |
1194 | 1195 | | |
1195 | 1196 | | |
1196 | 1197 | | |
| |||
0 commit comments