ionic-team / ionic-team/ionic-framework

bug: Refresher is not visible in CDK virtual scroll list with multiple instances

未关闭
#25,495 11 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看
package: angular type: bug
主要语言
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

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。