Ionic 2 popover: Doesn't allow content to scroll

[RaymondAtivie]

Short description of the problem:

A page is not scroll able if it was navigated to from a click event in a popover

What behavior are you expecting?

Expected behaviour is for the page to be scroll able regardless of where it is navigated from as long as the contents is more than the view point.

Steps to reproduce:
i have a plunker for this http://plnkr.co/edit/v5oBFP?p=preview

Other information:
I'm guessing this happens because the popover from the previous page isn't closed before navigating thereby freezing the page 'scrollability'.

Trying to manually close it before navigating doesn't work either
manually closing the popover after navigation with a setTimeout function. solves the problem.
But shouldn't this be done automatically?

Which Ionic Version? 1.x or 2.x
Ionic 2.x

Plunker that shows an example of your issue

http://plnkr.co/edit/v5oBFP?p=preview

Cordova CLI: 5.2.0
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.9
Ionic CLI Version: 2.0.0-beta.30
Ionic App Lib Version: 2.0.0-beta.16
OS:
Node Version: v4.3.2

[jgw96]

Hello! Thanks for opening an issue with us. Since our whole navigation system in Ionic 2 is async you use promises to wait for each transition to finish before starting a new one. I have made another plunker here that shows the proper way to do this. As you can see, i call viewController.dismiss() which returns a promise that when resolved pushes the page. To read more about how this works in Ionic 2 you can read more here. Thanks for using Ionic!

[akz92]

@jgw96 could you please update the plunker using the latest release? I get the following error when I try to do what you did:

Property 'present' does not exist on type 'NavController'

Edit:
And if I do the following I don't get the back button on the page I'm going after using this.viewCtrl.dismiss():

popover.present({
  ev: ev
});

[jgw96]

@akz92 Unfortunately there are currently some issues with npmcdn that are causing the plunker not to work. Sorry for any hassle that causes. Are you having this issue with a project running beta.11 or just the plunker?

[akz92]

@jgw96 I'm having this issue with a project running beta.11. If I navigate to ListPage from HomePage the back button appears on ListPage's header, but if I navigate from Page1 to ListPage the back button isn't on ListPage's header.

[jgw96]

Could you post a code sample or repo that i could use to reproduce this issue? Thanks!

[akz92]

@jgw96 sorry for the delay. I created a repo that you can use to reproduce the issue: Popover nav example

[akz92]

I solved the issue by changing the way I dismiss the popover. Now i call this.viewCtrl.dismiss() inside ionViewDidLeave() and everything works fine.