ionic-team / ionic-team/ionic-framework
bug: Refresher is not visible in CDK virtual scroll list with multiple instances
- 主要语言
- TypeScript
- 星标
- 52.7k
- 派生
- 13.3k
- 平均合并
- 1 天 15 小时
- 30 天内合并 PR
- 51
描述
### 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.
贡献指南
调研方向
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.
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- angular, typescript
- 领域
- frontend
- Issue 类型
- 缺陷
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 活跃度
- 停滞
- 描述清晰度
- 基本清楚
- 新手友好度
- 25/100