In my app with IONIC 7 with angular not working safe area in iOS
In my file index.html
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
In my phone
Ionic is supposed to handle safe areas, is that an ionic page? or some custom component?
If it’s custom, take a look at this article about handling safe areas
I have a similar problem with Ionic 8 and iOS 18 / Android 15
When I use as first element “ion-content” (and not “ion-header”) Ionic is not able to calculate the safe area for iOS nor Android.
For Android I used the solution of [@capawesome/capacitor-android-edge-to-edge-support - npm](edge-to-edge package) but for iOS is not working and I should manually set a padding-top inside the first element.
I suppose a global solution will be adopted oficially in the next months.