Skip to content

bug: Swipe back and instant tab change make ion tab display: none #31292

Description

@rostislavcz

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

Hi, this is very difficult to explain, so i will leave it in video:

Tried it on multiple ionic apps, and the error occurred on multiple ionic versions, even on 8.8.13 @ionic/angular version

basically, when you route to another page within tab, then you swipe back and instantly you click on another tab then you get blank page, when you click back to the previous ion-tab, its blank, if you click to another, its ok then, but the initial tab is always blank until you click on tab button again, when it resets. you can see this behavior in the video.

It seems that navBack animation takes some time (approx 500ms, if you within that 500ms click on another ion-tab this big occcures)

video is on google disk: https://drive.google.com/file/d/1O3f6jJ6tY2kkJi7yG2hXIqp8-PbrU5ip/view?usp=sharing

Seems for me like problem occurs only with swipe back gesture, when clicking on ion-back-button it seems it waits until transition ends and then ion tab can be activated, but within swipe back its possible to activate another ion tab before transition ends

Expected Behavior

Activating another ion tab should be possible only after transition ends

Steps to Reproduce

See a video, any ion-tab project with navigation

Code Reproduction URL

https://github.com/rostislavcz/ion-tabs-bug

Ionic Info

cd bug, ionic serve

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions