From 70317657176d8bdc60fb9527a74e6f1d05a0925c Mon Sep 17 00:00:00 2001 From: swift-river542 Date: Thu, 17 Sep 2026 02:30:52 -0500 Subject: [PATCH] Corner wedges get their own layer so the map's GPU layer cannot paint over them --- app/components/DoxaMapSlot.vue | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/app/components/DoxaMapSlot.vue b/app/components/DoxaMapSlot.vue index a63df4e7..d170fed8 100644 --- a/app/components/DoxaMapSlot.vue +++ b/app/components/DoxaMapSlot.vue @@ -72,6 +72,13 @@ const isSimple = props.bundle === 'simple-map' inset: 0; pointer-events: none; z-index: 4; + /* The wedges get their own compositing layer. The map canvas is a GPU layer, and a GPU layer + can paint over a non-layered sibling whatever the stacking order says — which is exactly + why the corners reappeared the moment the map finished loading. Two layers, so the z-order + between them is honoured. */ + transform: translateZ(0); + will-change: transform; + backface-visibility: hidden; --corner-tl: var(--slot-radius, 0px); --corner-tr: var(--slot-radius, 0px); --corner-br: var(--slot-radius, 0px);