ionic-team / ionic-team/ionic-framework

bug: popping page from ion-nav with animated=false results in non interactive page

Đang mở
#25,274 4 bình luận 2 reaction 0 người được giao Xem trên GitHub
package: vue type: bug
Ngôn ngữ chính
TypeScript
Star
52.7k
Fork
13.3k
Merge trung bình
1 ngày 15 giờ
Pull request đã merge (30 ngày)
51

Mô tả

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/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

- [ ] v4.x
- [ ] v5.x
- [X] v6.x
- [ ] Nightly

### Current Behavior

When going to a previous page in the nav stack with controller.pop(), where the property animated is set to false, the page navigated to becomes non interactive.

### Expected Behavior

When going to a previous page in the nav stack, when animations are disabled, I can interact with it after navigating to it.

### Steps to Reproduce

I added a reproduction project with two ion-navs. One with animatiosn enabled and one without.
Click on the Button "Breaking" to open the page with the nav component with disabled animations.
Then go to the next page and navigate back to the previous page.

### Code Reproduction URL

https://github.com/mwahlhuetter/ionic-nav-bug

### Ionic Info

Ionic:
Ionic CLI : 6.19.0 (/home/mwahlhuetter/.config/yarn/global/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 6.1.4

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

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

System:
NodeJS : v14.19.1 (/usr/bin/node)
npm : 8.5.5
OS : Linux 5.10

### Additional Information

I can observe that display:none is not added to the style of the hidden ion-page when disabling the animation.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Start with the linked reproduction project and the ion-nav flow that calls controller.pop() with animated set to false. Inspect how the hidden ion-page is styled during the pop transition; done means the previously visible page remains interactive after navigation with animations disabled, with coverage added where the relevant ion-nav behavior is tested.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
typescript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.