Standalone demo

display-mode...
innerHeight...
screen.height...
safe-area-inset-top...
safe-area-inset-bottom...
screen-innerHeight...
result...
Target case: display: standalone + viewport-fit=cover should draw under a transparent status bar and keep non-zero safe-area insets for controls. This page marks PASS only when both conditions are true.

How to read this page during refresh: the magenta strips at the top and bottom are pure CSS, height is env(safe-area-inset-*) with no JS and no fallback. If they stay visible during pull-to-refresh, env() is stable and any short PASS/FAIL flicker above is just JS catching its own initial read on script reload. If the magenta strip disappears during refresh, env() really did go to 0.

Back: sampler index