Display content behind Android notch

[korywka]

Hello. There is a lot of recipes how to launch PWA in full screen mode.

Some meta tags, ?fullscreen=true parameters for start_url and so on.

But they don't really work as expected.

The goal is to show PWA as Google maps, to take the view behind notch:

The standalone mode leaves space at the top and at the bottom:

The fullscreen mode removes the space at the bottom, but the top status bar becomes black.

Some "look ma, my PWA runs fullscreen" examples on the net also do not stretch behind notch.

Does someone managed to do it on the latests devices (pixel 7a, 8a) and bubblewrap? 🙃