Gap above content on iOS when not using header


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!


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.