doxa-life/doxa-maps-cdn
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Corner wedges get their own layer so the map's GPU layer cannot paint over them

Browse source
This commit is contained in:
swift-river542 2026-09-17 02:30:52 -05:00
parent 95f8cd8d9d
commit 7031765717
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/components/DoxaMapSlot.vue
View file

@ -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);