diff --git a/library/components/info/MapInfo.vue b/library/components/info/MapInfo.vue index e2789c89b..e19f57d98 100644 --- a/library/components/info/MapInfo.vue +++ b/library/components/info/MapInfo.vue @@ -218,7 +218,9 @@ useShadowStyles(` .mi-hit.mi-open{ cursor:zoom-out; } .mi-page{ max-width:420px; margin:0 auto; } .mi-pages .mi-page + .mi-page{ margin-top:12px; } - .mi-stack{ position:relative; } + /* isolation: the shadow card behind the first page sits at z-index:-1, which without its own stacking + context is painted UNDER the dialog's white background, i.e. never seen. */ + .mi-stack{ position:relative; isolation:isolate; } .mi-stack::after{ content:''; position:absolute; inset:6px -6px -6px 6px; z-index:-1; border-radius:8px; background:#e3e6ee; box-shadow:0 1px 4px rgba(0,0,0,.15); } .mi-toggle{ display:inline-flex; align-items:center; min-height:44px; margin-top:10px; padding:0 16px;