angular / angular/components

bug(table): Sticky header flickering

未关闭
#21,576 12 条评论 5 个 reaction 已指派 0 人 在 GitHub 查看
area: material/table P4
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

Sticky header works with flickering with infinity scroll especially if scroll opposite direction. This is well-known issue for a couple of years, that appeared in some topics but still has no special topic.

#### Reproduction
https://user-images.githubusercontent.com/2244675/104481026-54436f80-55d6-11eb-8454-3eccc67c34a7.mov

E.g. with old version of Angular, but the same with last one. Also there are a lot of examples here https://github.com/angular/components/issues/10122#issuecomment-754283238 or in other issues where the effect appeared
https://stackblitz.com/edit/mat-table-virtual-scroll-div

- Angular: v10, v11
- CDK/Material: v10, v11
- Browser(s): Chrome, Firefox, Safari, Edge
- Operating System: Windows, macOS, Ubuntu

贡献指南

打开贡献指南

调研方向

首先运行链接的 StackBlitz 复现,并将其行为与附带的视频以及 Angular issue #10122 中的示例进行比较。在列出的浏览器中调查表格的 sticky-header 和 virtual/infinite-scroll 行为;完成标准是在两个方向滚动时 header 都不会闪烁。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

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