Floorplan on mobile not showing the pages dots to go to different floor

[Rouzax]

Am running the latest version from the github and on my desktop with Firefox 139.0.4 I see the different floor dots.

Somehow these are not visible on my Samsung S24 with Firefox 141.0a1 since a few week.

[Rouzax]

Small update, the dots are there they are just really far down and need to scroll.

[Rouzax]

Not sure if there is anybody watching this, but figured out what triggered this behaviour.
I had "enable zoom on all webpages" enabled on my Firefox in Android, after disabling this again normal behaviour was back.

[Rouzax]

Investigation Summary

We investigated this thoroughly and found that this is a browser-level limitation, not something fixable from the theme side alone.

What happens

Firefox Android's "enable zoom on all webpages" overrides the viewport meta tag, creating a mismatch between two viewports:

• Layout viewport (used by CSS position: fixed) — e.g. 698×1237px
• Visual viewport (what you actually see on screen) — e.g. 313×555px at scale 1.15

The floorplan pagination dots use position: fixed; bottom: 30px (set by the upstream Domoticz code in www/views/floorplans.html). When the visual viewport is smaller than the layout
viewport, the dots are positioned at the bottom of the layout viewport — which is off-screen.

What we tried

Approach	Result
CSS position: fixed override with explicit centering (left: 50%, transform, z-index)	Doesn't help — position: fixed is fundamentally broken with mobile zoom
CSS position: sticky with scrollable parent container	Breaks floor switching — upstream FloorplanController.js uses window.scrollTo() for horizontal scrolling between floors, which requires no overflow constraints on parent containers. CSS spec also forces overflow-x to become non-visible when overflow-y is set, clipping the second floorplan.
JavaScript Visual Viewport API — reposition dots using visualViewport.offsetTop/height	✅ Successfully positions the dots correctly at all zoom levels. However, the floorplan itself still doesn't fit the screen (large empty space above, image extends below viewport) because FloorplanController.js sizes #floorplancontent using window.innerHeight (layout viewport), not the visual viewport.
JS container resize to fit visual viewport	Breaks floor switching (window.scrollTo() no longer works correctly when the container is resized)

Root cause

The upstream FloorplanController.js was not designed for scenarios where the visual viewport differs from the layout viewport:

1. FloorplanResize() calculates container height from window.innerHeight (layout viewport = 1237px), but the user can only see 555px
2. ScrollFloorplans() uses window.scrollTo() to switch between floors — this is incompatible with any overflow constraints on parent elements
3. #BulletGroup positioning relies on position: fixed which is a known limitation with mobile zoom

A proper fix would need changes in the upstream Domoticz FloorplanController.js to use the Visual Viewport API for
both container sizing and element positioning.