Gap above content on iOS when not using header


#1

I’m not using ion-header on the home page of my app and when I run it on iOS only, there appears a gap where the device’s status bar is. As you can see, on pages which do use ion-header, everything works fine.

I’m sure it’s not too hard to figure out but in the meantime I’d like to see if anyone else has encountered this… Any ideas appreciated!


#2

For anyone who has the same issue, it’s the ‘statusbar-padding’ class is added to ‘ion-content’. In this case, I’m going to color the status bar to match the background for readability when the page is scrolled.