demo · v132

Live posture & change-event log

Subscribe to navigator.devicePosture.change, surface the current value, and timestamp every transition. On a folding device you'll see live folded ↔ continuous entries; on a flat browser you'll see one entry on load and that's it.

checking support…

current value

navigator.devicePosture.type —

matching media queries

@media (device-posture: folded) → —
@media (device-posture: continuous) → —

change log

--:--waiting…
No folding hinge? Open this page in DevTools > Sensors > Device Posture and switch between continuous and folded to fire the change events.

see also