Ionic-framework: Header as a component has no spacing

[ix-xerri]

Ionic version: (check one with "x")
[ ] 1.x
[x] 2.x

I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:
No margin on iOS
Expected behavior:
Proper margin on iOS

Steps to reproduce:
Create a header component and use it on your app

When you create a header component and then use it in your app, there is no margin/padding on iOS so it looks close to the top of the page.

I had

<ion-header>
  <header></header>
</ion-header>

in the page and you can insert the header from the documentation inside the header component:

````


Page1

Subheader


```

[mhartington]

Thanks, I can confirm this as well.

Seems to be related to how we set the padding here

[ix-xerri]

Can you post in what version this bug will be fixed and if there is a release date?
Thanks

[ix-xerri]

Hi again. I'm assuming there are no nightly build where this issue is solved right? I'm eager to have this fixed on iOS. Thanks

[ix-xerri]

just updated ionic and the issue is still there:

Cordova CLI: 6.5.0
Ionic Framework Version: 2.1.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.1
ios-sim version: 5.0.13
OS: macOS Sierra
Node Version: v6.9.2
Xcode version: Xcode 8.2.1 Build version 8C1002

[mhartington]

Hi @ix-xerri.

Yes, we have not done any yet as this is a rather complicated issue.
It would require a lot of refactoring of the css to make sure it works for every single use case.
That being said, it works right now without using custom components for headers, which we think is ok.

This is something that is indeed on our radar, but cannot be done right away.
I will be locking this to avoid any unnecessary distractions.