DestinyItemManager / iOS

The Unlicense
3 stars 2 forks source link

Safe area margins not being communicated to CSS? #4

Closed bhollis closed 2 years ago

bhollis commented 2 years ago

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.