Ion-header inside ion-tab not working

ionic-v1
1

I have the following layout

ion-tabs > ion-tab > ion-nav-view > ion-view > ion-header-bar

for some reason the ion-header-bar is not displaying (seems to be overlapped by the Nav Bar). Looks like the header bar is getting top 0px instead of 50px to account for the Nav bar being there.

Codepen : http://codepen.io/paulpatarinski/pen/MaYVgr

Is this a bug or am I doing something wrong?

2

You can fix it like this:

.bar-subheader.has-tabs-top{
  top:93px !important;
}

.has-subheader.has-tabs-top{
  top:137px;
}

It’s a known issue, discussed in this post:

I see you opened an issue for it, thank you. :slight_smile:

https://github.com/driftyco/ionic/issues/4336

3

Thanks a lot. Put in the fix and it works. How can I mark this resolved?