I am having an incredibly frustrating problem that I have spent days on, just trying to make a client happy.
I use the StatusBar plugin to not allow the status bar to overlay the webview in my app, setup in capacitor.config.ts and I call the function;
StatusBar.setOverlaysWebView({ overlay: false });
in several different places.
It works perfectly on android, and on iOS Except the first time it runs after an install. So the first time a user sees the app the status bar overlaps the controls at the top of the app so they are not usable.
If the user manually flips the orientation back and forward it fixes the problem.
I’ve tried everything I can find to force it to re-layout - nothing has worked.
Currently I use the ‘ScreenOrientation’ plugin to force this flip on startup, which is weird and hacky, but seems to work on iPhone… but not iPad.
This is sooo annoying! is there not a standard way that works always for this? Why is this failing only on the first run???
Anyone else have this problem? Any other solutions I can try?