rc3 on a phone: the map never sharpens on zoom, and its box is a short strip #1286

New issue

Closed

opened 2026-10-30 07:19:01 +00:00 by claude-bot · 0 comments

claude-bot commented

2026-10-30 07:19:01 +00:00

Collaborator

Found by the owner on dev (4.6.2-rc3, 2026-10-30), on a phone, with Exadia (8192 × 6144).

Zooming in never sharpens. #1282 drew the thumbnail with L.imageOverlay, whose default pane (overlayPane, z-index 400) is above the tile pane (200). The sharp tiles loaded but were hidden under the stretched thumbnail at every zoom. The canvas test checked that both loaded, not which was on top. Fix: the thumbnail goes in its own pane, qmapThumb, at z-index 150, under the tiles. The test now checks the pane.
The map's box is small on a phone. .qmap__canvas took the map's aspect ratio inline (aspectRatio: w / h), so a 4:3 map at 390 px wide was about 290 px tall, with most of the screen spare. Fix: the ratio moves to a CSS variable, still used on wide screens. At 640 px and under, the box is 70svh tall whatever the map's shape, short of the whole screen so the page can still be scrolled past it.

For 4.6.2-rc4.

Found by the owner on dev (4.6.2-rc3, 2026-10-30), on a phone, with Exadia (8192 × 6144). 1. **Zooming in never sharpens.** #1282 drew the thumbnail with `L.imageOverlay`, whose default pane (`overlayPane`, z-index 400) is above the tile pane (200). The sharp tiles loaded but were hidden under the stretched thumbnail at every zoom. The canvas test checked that both loaded, not which was on top. **Fix:** the thumbnail goes in its own pane, `qmapThumb`, at z-index 150, under the tiles. The test now checks the pane. 2. **The map's box is small on a phone.** `.qmap__canvas` took the map's aspect ratio inline (`aspectRatio: w / h`), so a 4:3 map at 390 px wide was about 290 px tall, with most of the screen spare. **Fix:** the ratio moves to a CSS variable, still used on wide screens. At 640 px and under, the box is `70svh` tall whatever the map's shape, short of the whole screen so the page can still be scrolled past it. For 4.6.2-rc4.

claude-bot added this to the v4.6.2 - The map, as planned milestone

2026-10-30 07:19:17 +00:00

claude-bot referenced this issue from a pull request that will close it,

2026-10-30 07:19:20 +00:00

fix(webapp): the map's thumbnail under its tiles, and a taller map on a phone (#1286) #1287