Safe area margins not being communicated to CSS?
bhollis opened this issue · comments
https://twitter.com/Ferriseidon/status/1473809838018740226
We use CSS "env" variables set by the browser to know how much to offset the page content to account for notch and rounded corners:
padding-left: env(safe-area-inset-left, 2px);
padding-right: env(safe-area-inset-right);
padding-top: env(safe-area-inset-top);
The iOS app shell should not have any bars itself - the web view should be fullscreen, and it should communicate the safe areas through to the content via these mechanisms.