bug: Lifecycle hook not firing when going to non tabs page and coming back.

[Saqib92]

bug: Lifecycle hook not firing when going to non tabs page and coming back.

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[liamdebeasi]

Hi there,

Please attach a new reproduction. The issue you linked to references a previously resolved Vue fix. The Vue and Angular routing implementation are different, so we'll need a new reproduction to verify.

[Saqib92]

here is the github repo:
https://github.com/Saqib92/ionic7-lifecycle-issue.git

[liamdebeasi]

Thanks for providing a repo. Ionic is working as intended here, though I realize the behavior is a bit confusing. When you go from a tabs page to a non-tabs page, the entire tabs context is considered "leaving". However within the tabs context itself, Tab 1 is still active which is why the lifecycles are not firing on Tab 1 when going to a non-tabs page. You can test this by logging something in the ionViewWillEnter hook on tabs.page.ts. Logging should happen there but not on Tab 1.

As I noted, this is a bit confusing and we are looking to improve this behavior. Ideally ionView* lifecycle events fire on any Ionic page that transitions away regardless of nesting status. We are tracking improvements in #17992.

I posted a workaround in #28078 (comment) that might be of interest to you too.