Ionic-framework: bug: Navigating back too quickly causes page to stop being updated

[spence-m]

Bug Report

Ionic version:


[x] 4.12.0

Current behavior:

When pressing the back button too quickly through the navigation stack, this causes the parent tab's view to stop updating when bound properties change. This seems to happen when the previous back animation hasn't fully finished before pressing the back button again.

An example of expected behaviour when not navigating too quickly:

As you can see after navigating back to the parent tab the page text is still updated when changing segment.

An example of the page text not being updated after navigating too quickly:

I've been able to reproduce this issue in the browser as well as on iOS and Android devices.

Expected behavior:

That the parent tab's view will be updated by changes to properties it is bound to.

Steps to reproduce:

1. Select the segments and see the text on the page be updated
2. Click the "Go to child 1" button
3. Click the "Go the child 2" button
4. Select the back button quickly navigating back to the parent tab
5. Select the segments and the text on the page will not be updated

Related code:

https://github.com/matthewspencerboxuk/ionic-segment-demo

Ionic info:

Ionic:

   ionic (Ionic CLI) : 4.12.0

System:

   NodeJS : v8.15.0
   npm    : 6.4.1
   OS     : macOS Mojave

[taipeiwu]

+1

[liamdebeasi]

Thanks for the issue! This has been resolved via https://github.com/ionic-team/ionic/pull/18299 and will be in the next release of Ionic.

In the meantime, I have created a nightly build if people would like to test it out and provide feedback. (npm i @ionic/angular@dev).

Thanks!

[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.