GoogleChromeLabs / GoogleChromeLabs/bubblewrap

Display content behind Android notch

Open
#901 3 comments 9 reactions 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.