Getting white bar at the bottom when using IOS-11beta9. I am not sure if it is cordova issue or ionic issue.
Previously issue was the white background at statusbar so at below cordova issue it’s told that use viewport-fit=cover should fix it. But on adding viewport-fit=cover does fix provider bar issue but now there is a white bar at the bottom
“It’s not an Ionic issue” and “It’s not an Ionic problem” are two very different things. I chose “issue” deliberately to mean that there is no problem or bug in the Ionic codebase that could fix this.
Which also means that starting to investigate and discuss the problem here as well would be a mistake as it would distract from the efforts done in the Cordova JIRA. It’s a Cordova issue (that of course also affects all Ionic users and projects) that should be handled over there.
Additionally I gave @shashwattripath advice on how to progress the issue over there. If I had a device to reproduce and machine to build for the environment I would jump in myself - but I don’t.
And yes, we absolutely need to pitch in and try to fix this and figure out what’s going on. Also we totally get that Cordova repro cases should just be plain Cordova to reduce moving parts, no hard feelings there.
Thanks for your prompt reply. I did add viewport-fit=cover and I even tried using the status-bar- plugin with the changes from the pull request. I am using cordova-ios 4.4.0 in case this makes any difference.
Just noticed this thread. I posted this in another IphoneX thread, but moved it here, as this is a v1 thread. I am patching up a v1 app to work properly on X and ensure its not broken on legacy platforms. I’m almost there but not quite. My problem is not with IOS11, but with iPhone X. So I supposed my issue maps to both the iPhone X and this v1 thread in parts…
What I’ve done so far:
Created a single large image (2732x2732) and replaced my legacy splash images with a single one (see here)
Modified index.html to have the correct viewport-fit=cover directive (see here)
I added padding-top: constant(safe-area-inset-top); to my body CSS. (see here) - not sure if this really made a difference, though