Problems pushing page with popover iOS.

[ionitron-bot]

Original issue by @synga on 2017-09-13T15:21:25Z

Resources:
Before submitting an issue, please consult our troubleshooting guide (http://ionicframework.com/docs/troubleshooting/) and developer resources (http://ionicframework.com/docs/developer-resources/)

Ionic version: (check one with "x")
[ ] 1.x (For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1)
[ ] 2.x
[x] 3.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:

There are 2 problems, actually 1 problem and the second i don't know if it's suposed to be that way:

The first is that after using a popover to push a page into the nav stack it doesn't adds the padding for the statusbar even having the statusbar-padding class present.

This is is a page where i've pushed into the stack from a button on a my home page, without using the popover:

As you can see there's a space from the navbar to the statusbar content.

And here is a image from a page whose i've pushed from the popover:

There's no space and the statusbar overlays the header content.

The second problem is tied to the first one. When doing the same the page pushed from the popover doesn't enters inside the <ion-nav> tag "over" the home page.

Here is when i push the page from my home page:

As you can see there's the 2 page, one after another as it should be.

Here is the shown code after i push a page with the popover:

The page is pushed off the <ion-nav> and <ng-component> page.

When using modal instead of pushing pages they act as exected, at least in the first problem, but it stacks all way down to the next pushed pages, so it's not just one page. This first problem occurs only with iOS and i've tested with iPhone 7 (iOS 10 and 10.3.1), iPad Pro (iOS 10) and iPad 5th generation.

Since i haven't dove deep in popover i don't know if the second problem IS really a problem or it's suposed to behave that way.

Expected behavior:

After dismissing popover and pushing a page the page should be inserted inside <ion-nav> and have the correct default CSS.

Steps to reproduce:

Create a new project and a popover to push a page, i'm pushing it that way:

Related code:

// USING VIEWCTRL DO DISMISS THE POPOVER AND THEN PUSHING THE PAGE
openYourPage() {
  this.viewCtrl.dismiss().then(() => this.navCtrl.push('YourPage'));
}

Other information:

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

    @ionic/cli-utils  : 1.10.0
    ionic (Ionic CLI) : 3.10.0

global packages:

    Cordova CLI : 7.0.1

local packages:

    @ionic/app-scripts : 2.0.2
    Cordova Platforms  : android 6.2.3
    Ionic Framework    : ionic-angular 3.5.3

System:

    Node : v6.11.1
    npm  : 5.2.0
    OS   : Windows 10