Ionic 8 and Capacitor 6 with VueJS
I’ve seen several posts around this issue, but unfortunately none of the proposed fixes work for me, or seem “the right way to do it”.
As I understand it, safe areas should be applied automatically to each device, ensuring for e. g. ion-header and ion-footer or ion-tabs to be displayed correctly.
However, in my app this isn’t the case at all. Maybe I’m missing something as I don’t find the docs to be very concise on how and when to use the application variables --ion-safe-area (or if I’m actually supposed to use them - unless I want to change them deliberately for my purposes).
Anywho: I’d really appreciate someone shedding some light on this for me as I’m currently really lost.
Feel free though, to check out the Github repo: GitHub - socialmedialabs/ionic-sample-tabs-app
1 post - 1 participant