I am using ionic 3.8.0, and I find that when alert is present in iphoneX, the top and the backdrop have a gap like the image below, everyone know how to fix it? thanks a lot
Thanks again. The weird thing is that I have open a new minimal project have no this problem. But I am sure that I haven’t add any css to cause this. Any idea? =)
Not sure I understand correctly…do you face that problem too with a minimal project or you are not facing that problem with a minimal project? Or is your app a minimal project? I’m kind of confuse
Hah, sorry for the confusion. I open a new blank new project have no problem. But in my existing project have this problem. i.e. two projects version info are the same.
Hi, reedrichards. I discover that when I add the cordova statusbar plugin to the blank new project, it will reproduce the problem. So I guess is the plugin problem and when I rm the plugin in my existing project, the problem solved.
Cool to hear you found a solution…but just to be sure, you did a rm of the plugin and add afterwards right? Respectively by doing so you have installed the last version of cordova-plugin-statusbar
The first change is to make sure you update your viewport meta tag in your index.html to add the viewport-fit=cover field. This ensures the webview takes up the full size of the screen. The new default is to stick the webview in the new safe regions which is not what you want for Ionic/Cordova apps: