bug: ion-router back() fails second time (stencil app), including PR+reproduction

[bitflower]

Bug Report

Ionic version:

[x] 5.1.0
[x] Stencil 1.12.7

Current behavior:
When navigating to a sibling ion-route the back() method of the ion-router fails in such a way that the animations are not running the second and following times. The first time it works.

See this video: https://github.com/bitflower/ion-router-root-bug

Expected behavior:
The animations always run fine no matter how often a route was visited when we go back.

Steps to reproduce:
Run the repo with npm i then npm start. Navigate to the 2nd page with the link "Go to sibling". Navigate back to the root with the button. Repeat. The 2nd time the animation back to home isn't firing.

Related code:
Repo to easily reproduce: https://github.com/bitflower/ion-router-root-bug

[bitflower]

The same issue occurs when you use window.history.back() or simply the back button of the browser.

[bitflower]

@simonhaenisch refering to our Slack conversation - what do you think of this fix?

[Ravenstine]

I'm noticing this bug as well as a similar one with forward navigation. For example, if I navigate to a URL, nagivate back, then use .push('/my-url') on the router, it may not animate the transition.

[liamdebeasi]

Thanks for the issue. This has been resolved via #21301, and a fix will be available in an upcoming release of Ionic Framework.

Here is a dev build with the fix: 5.2.0-dev.202006081615.e0a066d

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