ionic-team / ionic-team/ionic-framework
bug: Refresher is not visible in CDK virtual scroll list with multiple instances
- 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
Refresher only works, gets visible, on active page upon reload.
### Expected Behavior
Expects refresher to be visible on every page upon refresh, even if not active page upon refresh.
### Steps to Reproduce
Use the tabs sample. Add a cdk virtual scroll list with refresher to each single tab page. Refresher only works on one of the pages, the one being active upon refresh in browser.
### Code Reproduction URL
https://stackblitz.com/edit/ionic6-angular13-bat2vm
### Ionic Info
Ionic:
Ionic CLI : 6.19.0 (npm\node_modules\@ionic\cli)
Ionic Framework : @ionic/angular 6.1.9
@angular-devkit/build-angular : 14.0.1
@angular-devkit/schematics : 13.3.5
@angular/cli : 14.0.1
@ionic/angular-toolkit : 6.1.0
Capacitor:
Capacitor CLI : 3.5.1
@capacitor/android : 3.5.1
@capacitor/core : 3.5.1
@capacitor/ios : 3.5.1
Utility:
cordova-res : 0.15.2
native-run : 1.5.0
System:
NodeJS : v14.17.5 (C:\Program Files\nodejs\node.exe)
npm : 7.22.0
OS : Windows 10
### Additional Information
This issue https://github.com/ionic-team/ionic-framework/issues/25318 solved the problem where the refresher got visible too often, not sure if this bug fix actually causes this new problem.
Hướng dẫn đóng góp
Hướng nghiên cứu
Start with the linked StackBlitz reproduction and the tabs sample, focusing on the interaction between Angular CDK virtual scroll and Ionic refresher across multiple tab pages. Compare the behavior with issue #25318 and verify that each tab's refresher is visible after reload, including when that tab is not active.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- angular, typescript
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 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
- 25/100