iPhone X Emulator viewport-fit=cover not changing anything


#1

I’m currently testing my App on Xcode iPhone X Simulator and followed this instruction:
https://blog.ionic.io/ios-11-checklist/

But adding viewport-fit=cover to viewport meta tag does not change anything. The view is still displayed in the safe area.

Is there anything else to do?

My ionic info:

cli packages: (/Users/ThiloF/GHL Connect/node_modules)

    @ionic/cli-utils  : 1.12.0
    ionic (Ionic CLI) : 3.12.0

global packages:

    cordova (Cordova CLI) : 7.0.1 

local packages:

    @ionic/app-scripts : 2.1.3
    Cordova Platforms  : android 6.2.3 browser 4.1.0 ios 4.4.0
    Ionic Framework    : ionic-angular 3.6.0

System:

    Node  : v8.6.0
    npm   : 5.4.2 
    OS    : macOS High Sierra
    Xcode : Xcode 9.0 Build version 9A235 

Misc:

    backend : pro


#2

Make sure that you update Cordova-iOS platform and also app-scripts too.

Also you’re on ionic 3.6 when the newest version is 3.7.


#3

Cool thanks.
Updating the packages solved my problem.


#4

I’m having the save issue but I think all my packages are up to date.

@ionic/cli-utils  : 1.16.0
ionic (Ionic CLI) : 3.16.0

global packages:

cordova (Cordova CLI) : 7.1.0

local packages:

@ionic/app-scripts : 3.0.1
Cordova Platforms  : android 6.2.3 ios 4.5.3
Ionic Framework    : ionic-angular 3.8.0

System:

ios-deploy : 1.9.2
ios-sim    : 6.1.2
Node       : v8.2.1
npm        : 5.3.0
OS         : macOS High Sierra
Xcode      : Xcode 9.1 Build version 9B55