u/floweryapp

Navigate to chrome://flags and enable Web App Short Edges Cutout Mode.

I stumbled upon this while perusing flags (as you do), which was a pleasant surprise after patiently waiting since edge-to-edge support landed in Chrome a year and a half ago:

https://developer.chrome.com/docs/css-ui/edge-to-edge

PWAs on Android were stuck with opaque system bars, but finally look polished now. Credit where credit is due—Safari shipped this nine years ago:

https://webkit.org/blog/7929/designing-websites-for-iphone-x

Here’s the family portrait:

Edge-to-edge PWA on Android and iOS