Ionic-framework: Ionic 3 breaks back button

[shawnlan]

Ionic version: (check one with "x")
[ ] 1.x
[ ] 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/

This bug appears on both browser and android using "back" button.

If you push a lazy-loaded page with custom data like this:

this.navCtrl.push('ListPage', { title: 'abc', id: 123 });

Using back button to navigate back to this page causes a re-create without custom data, thus breaking this page.

[jgw96]

Thanks, we will look into this.

[shawnlan]

With more testing, I found using back button also breaks the navigation stack. On Ionic 2, using back button basically just pops one page, same as clicking the "arrow" on the title bar.

On Ionic 3 this is not the case anymore. Back button produces weird navigation behaviors. This is especially an issue on Android since back button is often used.

Maybe a temporary solution would be having an option to use lazy loading without changing URLs back and forth?

[shawnlan]

I tested it again on Android. Navigation and "back" button don't change the URLs anymore, thus not breaking the pages. Interesting. I don't remember changing anything. But on browser the issue persists.

[jgw96]

Hello! After further review, I am going to close this issue as a duplicate of https://github.com/ionic-team/ionic/issues/11469

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.