White space at the bottom of my cordova app on ios

Question

I've build my cordova app on a mac and end up with white space at the bottom of my app. When I switch between apps and come back the white space is gone and the app is in fullscreen mode.

I use cordova plugin splashscreen and have this in my config.xml

<splash src="res/screen/ios/Default@2x~universal~anyany.png" />

The splashscreen size is 2732x2732px.

App with white space after opening the first time:

App after I switch between apps and come back:

Any ideas?

Answer 1

Fixed the issue with these css lines:

html, body {
  width: 100vw;
  height: 100vh;
}

Answer 2

This works for me https://github.com/quasarframework/quasar/issues/6695

remove cordova's Wkwebview plugin from your project, including cleaning your config.xml from the related entries install the ionic webview (which includes the Wkwebview plugin + their own improvements): cordova plugin add cordova-plugin-ionic-webview --save