PWA behavior sandbox

Medaljebygda

Browser tabENSafe-area test

This shell is intentionally built to expose mobile browser chrome changes, bottom inset handling, standalone mode differences, and touch ergonomics.

Fake route progress
Tap to request locationUsing fallback center

Live map

Your position on the map

This uses the browser geolocation API with Leaflet and OpenStreetMap tiles. It is meant to surface permission prompts, HTTPS expectations on real devices, and gesture conflicts between map panning and browser scrolling.

QR Stop Preview

Use this card density to check card spacing, edge-to-edge rhythm, and tap target comfort on small screens.

Install State

The status chips below let you compare browser-tab mode, standalone mode, and the captured install prompt.

Bottom Nav Stress

Scroll this screen and confirm the fixed nav never hides content or drifts above the home indicator area.