bug(table): Sticky header flickering
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
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
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia eseguendo la riproduzione StackBlitz collegata e confrontandone il comportamento con il video allegato e gli esempi di Angular issue #10122. Analizza il comportamento di sticky-header e virtual/infinite-scroll della tabella nei browser elencati; il lavoro è completato quando è possibile scorrere in entrambe le direzioni senza che l'header sfarfalli.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100