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

DoxaMapSlot: on a phone, the top scroll pad no longer covers the map's zoom-in button

Browse source 
exp measured it on the shared browser at 390 x 844 on / and /adopt, in en and ar: a hit test at the
centre of the map's "+" landed on .doxa-map-scroll-pad--top (48 px, z-index 1500, full width below
769 px), so a tap there scrolled the page instead of zooming. The pad now stops 56 px short of the
end side, where the map's control column sits (right in LTR, left in RTL; a logical inset covers
both); the rest of the strip still scrolls the page. The pad is DX Life's own (f505248, the same on
production); it shows only with the simple map (home, pray, adopt), and only on phones.
This commit is contained in:
driver 2026-09-29 21:59:31 +00:00
parent 0e9ab1aa12
commit 15614ae6fc
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/components/DoxaMapSlot.vue
View file

@ -187,7 +187,9 @@ const effectiveConfig = computed(() => {
touch-action: pan-y;
pointer-events: auto;
}
.doxa-map-scroll-pad--top { top: 0; }
/* The pad stops short of the map's control column, which sits at the END side (right in LTR, left in
RTL); full width, it covered the zoom-in "+", so a tap there scrolled the page instead of zooming. */
.doxa-map-scroll-pad--top { top: 0; inset-inline-end: 56px; }
}
.doxa-map-slot :deep(doxa-map:fullscreen),