Issue with bad display onsen interface on IOS devices with cordova.

[jonnathanlopes]

I build an application with osen and Angular and after packing on Cordova I am having bad display problem with the following devices.

IPHONE 6 bad
IPHONE 6+ bad
IPHONE 6S bad
IPHONE 6S + bad
IPHONE 7 bad
IPHONE 7+ bad
IPHONE 8 bad
IPHONE 8 + bad
IPad bad
IPad AIR 2 bad

In the devices below it works perfectly

IPHONE X OK
IPHONE XS OK
IPHONE XS MAX OK
IPHONE 11 OK

[emccorson]

Can you please provide a minimum working example that replicates this issue? @jonnathanlopes

[emccorson]

Aaah I just realised what the problem is. Basically you've ended up with some extra padding somewhere to account for the notch on iPhone X.

This article explains exactly what you need to do:
https://medium.com/the-web-tub/supporting-iphone-x-for-mobile-web-cordova-app-using-onsen-ui-f17a4c272fcd

I'll close this now. @jonnathanlopes