[v2 beta.11 ios] Modal navbar height is too short

Short description of the problem:

I have the following preferences set in config.xml:

<preference name="StatusBarOverlaysWebView" value="true"/>
<preference name="StatusBarBackgroundColor" value="#00A9A2"/>
<preference name="StatusBarStyle" value="styleDefault"/>
<preference name="fullscreen" value="true"/>

They make it so that the status bar in ios overlays the top navbar a bit for a nice look. But I noticed an inconsistency with the navbar height when viewing a page component that was presented as a modal, and another page component is pushed onto the NavController. See this video:

https://www.dropbox.com/s/1tw46nn86kqk9ql/err.mov?dl=0

What behavior are you expecting?

I was expecting the navbar height to maintain the same height it was in the original modal.

Steps to reproduce: 0. On an iOS device…

1. present a component as a modal using modalcontroller
2. push another component to the navcontroller from within the modal
3. notice the navbar height is reduced.

Which Ionic Version? Ionic 2.0.0beta.11

[ghenry22]

this is still present on RC0 on both ios9 and ios10

from within a modal, push any page onto the nav stack and the space for the statusbar is lost.

[jasonwaters]

@ghenry22 thank you for the information. Creating an outer component with <ion-nav> in it does solve my problem. But I can’t help but feel that this solution is incredibly short sighted. Eventually most complex apps will want to push additional pages onto the navigation stack from within a modal. Which means they will have to find this workaround and implement it in a creative way, or once per every modal that has sub navigation pages.