Post

Safe-area-inset lets you make the most use of device screens, even with their pesky notches, holes or islands that get in the way. Check out our interactive deep dive to learn how to use safe-area-insets, what to use them for, and the best way to test them on desktop. polypane.app/blog/using-s...

polypane.appUsing safe-area-inset to build mobile-safe layouts | PolypaneModern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers…

6/5/26, 11:18 am4 reposts10 likes

Arif Hossain

@arif-dev.bsky.social

7 May

As of right now, Chrome on Android does not support "viewport-fit=cover" and prevents you from rendering content beneath the system user interface. However, there is a feature request that is making good progress. issues.chromium.org/issues/40742...

issues.chromium.orgChromium

Polypane. Browser for web devs

@polypane.app

7 May

Oh, good call! The article was written primarily for using safe-area-insets inside browsers, but when you switch over to PWAs (and even native apps) the insets matter even more.