Header off when opening Navigation inside modal

Ionic Framework ionic-v3
1

Hi,

I found an issue when “pushing” a new page inside a modal.

The title of the header in the subpage is under the iOS header (where the clock is, etc), like it’s no padding.

image
FullSizeRender.jpg750×321 17.3 KB

Header code:

<ion-header>
  <ion-navbar>
<ion-title>Checkout</ion-title>
  </ion-navbar>
</ion-header>

I’m using iOS 10.1 and ionic 2 RC1

2

On your app.module.ts

add this

imports: [
IonicModule.forRoot(MyApp, {
tabsHideOnSubPages: true
})
],

3

Hi, that doesn’t fix it. Also it breaks the rest of subpages in the app outside the modal (i’m using the tabs)

4

Hi @sebastiannm
I have same problem, did you solve it?

Regards