bug: vue, tapping tab to go to root no longer works as expected

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

When I navigate inside a tab, I can’t return to the first level of the current tab with the tab button.

It happens when I use the mode="ios" on the <ion-router-outlet> and the swipe back gesture.

I have no errors in the DevTools console.

Expected Behavior

Be able to return to the first level of the current tab when I click on the tab button.

Steps to Reproduce

1 - Go to the localhost, I’m on the Tab 1 (url: /tabs/tab1) 2 - Click on “Level 1” button (url: /tabs/tab1/level1) 3 - Click on “Level 2” button (url: /tabs/tab1/level1/level2) 3 - Swipe back (url: /tabs/tab1/level1) 4 - Click on tab button “Tab 1” (url: /tabs/tab1 but I’m always on tab 1 level 1)

A small video to show the steps: https://user-images.githubusercontent.com/1482715/158198427-b028dee5-c63d-45f7-a33d-f648efb7555b.mov

Code Reproduction URL

https://github.com/MimyyK/ionic-tabs-issue

Ionic Info

Ionic:

Ionic CLI : 6.18.2 (/usr/local/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/vue 6.0.11

Capacitor:

Capacitor CLI : 3.4.3 @capacitor/android : not installed @capacitor/core : 3.4.3 @capacitor/ios : not installed

Utility:

cordova-res : not installed globally native-run : 1.5.0

System:

NodeJS : v16.13.0 (/usr/local/bin/node) npm : 8.5.3 OS : macOS Monterey

Additional Information

No response

[liamdebeasi]

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic-framework/pull/24935, and a fix will be available in an upcoming release of Ionic Framework.

[MimyyK]

Yes I understand and I will open another issue. Thank you for this fix and the reactivity !