ionic-team / ionic-team/ionic-framework

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

オープン
#31,292 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
triage
主要言語
TypeScript
スター
52.7k
フォーク
13.3k
平均マージ
1日 15時間
マージ済み PR(30日)
51

説明

### Prerequisites

- [x] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [x] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [x] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### 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_

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

Start with the linked reproduction repository and run `ionic serve` as described in the issue. Reproduce the swipe-back followed by an immediate tab change, then inspect the Ionic tab and navigation transition entry points involved in the blank view. Done means the tab remains visible and usable when switching during or after the swipe-back transition.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend, mobile
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
静か
明瞭さ
説明が足りない
初心者へのやさしさ
42/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。