angular / angular/components

bug(table): Sticky header flickering

Offen
#21,576 12 Kommentare 5 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/table P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die verknüpfte StackBlitz-Reproduktion auszuführen und ihr Verhalten mit dem beigefügten Video und den Beispielen in Angular issue #10122 zu vergleichen. Untersuche das Verhalten der Tabelle mit sticky-header und virtual/infinite-scroll in den aufgeführten Browsern; abgeschlossen bedeutet, dass in beide Richtungen gescrollt werden kann, ohne dass der Header flackert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.