GoogleChromeLabs / GoogleChromeLabs/bubblewrap
Display content behind Android notch
- Dominant language
- TypeScript
- Stars
- 3.1k
- Forks
- 319
- PR merge metrics
- No merged PRs in 30d
Description
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](https://pwadisplaytest.tecdrop.com/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? 🙃
Contributor guide
Assessment
This issue has not been assessed yet.