Reproduction of unstable work of dynamic viewport units in different browsers on IOS (maybe there is also android browsers, but I failed to reproduce the behvaiour)
Browsers that misreport svh, lvh units
- Firefox Focus (iOS)
- Brave (iOS)
- Arc (iOS)
- Opera (iOS)
- Telegram Webview (iOS)
dynamic-viewport.webm
This behaviour causes cumulative layout shift when min-height: 100lvh used