Description
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
v8.x
Current Behavior
Hi,
when a navigation inside a tab from a child back to its parent (e.g. Tab1 with a child-route /tabs/tab1/details back to /tabs/tab1) is interrupted mid-navigation, e.g. when a user slowly swipes to the right to close the details and before finishing the swipe this user clicks on another tab (Tab2) Tab2's ion-hidden class is not removed and a blank screen is shown.
Expected Behavior
Navigation should happen as usual and show the correct page
Steps to Reproduce
I provided a StackBlitz based on the tabs starter:
https://stackblitz.com/edit/stackblitz-starters-bcsmo9zw?file=src%2Fapp%2Ftab1%2Ftab1.page.ts
- open Tab 1
- click the ion item to navigate to the details
- slowly swipe fully to the right
- while dragging, hover over the Tab 3 button
- release and click before the animation finishes
This is easier done on mobile with two fingers
swipe-bug.mov
Code Reproduction URL
https://stackblitz.com/edit/stackblitz-starters-bcsmo9zw?file=src%2Fapp%2Ftab1%2Ftab1.page.ts
Ionic Info
Ionic:
Ionic CLI : 7.2.0
Ionic Framework : @ionic/angular 8.6.1
@angular-devkit/build-angular : 19.2.15
@angular-devkit/schematics : not installed
@angular/cli : 19.2.15
@ionic/angular-toolkit : 12.2.0
Capacitor:
Capacitor CLI : 7.3.0
@capacitor/android : not installed
@capacitor/core : 7.3.0
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : not installed globally
System:
NodeJS : v22.16.0
npm : 10.9.2
OS : macOS Unknown
Additional Information
No response