0

I have a weird problem in my cordova app. A random bar is showing in the buttom of the screen which is impossible to place any content in. I think I have tracked down the issue to happening sometimes when you are opening the app while in a phone call on an iPhone X/XS/XS Max. I have compared the HTML-DOM and things looks exactly the same. I have set the color of the body to red for debug-purposes. Any clues where I should search for and answer?

Working to the left. Problems to the right

user1415066
  • 855
  • 7
  • 11
  • your app needs to respect the safe-area – probably duplicate of: https://stackoverflow.com/questions/46232812/cordova-app-not-displaying-correctly-on-iphone-x-simulator – holex Oct 09 '18 at 07:58
  • If I use the Safari app and I'm on a page which contains only text, the safe area is ignored (text are showed behind the home bar). I wouldn't be able to do that in my case, since sometimes this random thing shows up. So I think something is wrong here? – user1415066 Oct 09 '18 at 08:00
  • The text is visible, because you can scroll it - if you reached the bottom of the page no co tent should be behind the home bar. – Losiowaty Oct 09 '18 at 08:53

2 Answers2

0

Check your cordova-ios version, make sure to use the storyboard splash screen and not the image based one.

Lukasz
  • 1,807
  • 8
  • 12
0

Found a really random solution. On boot of the app:

if (window.StatusBar) {
    window.StatusBar.overlaysWebView(false);
    window.StatusBar.overlaysWebView(true);
}

After that no problem!

user1415066
  • 855
  • 7
  • 11