SOLVED -–ion-safe-area has no effect on iOS

Nice find! You might still need to override the safe area defaults due to different size notches. That’s what I had to do starting in Ionic 5 (currently on Ionic 7 and haven’t re-visited).

I am also using Vue and have the following:

<meta
    name="viewport"
    content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>

This matches the starter project too here. You might want to add the additional bits if you copied everything from that discussion.

2 Likes