search

pwa-builder / PWABuilder

The simplest way to create progressive web apps across platforms and devices. Start here. This repo is home to several projects in the PWABuilder family of tools.
https://docs.pwabuilder.com
Other
2.75k stars 284 forks source link

[BUG] Rotating app causes iOS status bar to bug #4548

Closed jarredCadsoft closed 10 months ago

jarredCadsoft commented 11 months ago

What happened?

Hello, I have been having issues where rotating the app on an iOS device causes the status bar to either overlap my PWA, or have a larger than normal padding. This has been happening on iPhones with either the notch or Dynamic Island.

This is what happens when the app is opened in landscape mode, then rotated to portrait mode:

Opened in portrait mode and rotated to landscape mode:

How do we reproduce the behavior?

  1. Open app in portrait mode
  2. Rotate phone to landscape mode

What do you expect to happen?

No response

What environment were you using?

OS: iOS 16/17 Device: iPhone 15 pro (and most notched iOS devices)

Additional context

Website and web manifest: https://beta.personalarch.com/manifest.json

khmyznikov commented 11 months ago

Try to apply this changes: https://github.com/khmyznikov/ios-pwa-wrap/pull/7

jarredCadsoft commented 11 months ago

That fixed it for me, thanks!