bug(cdk-virtual-scroll): Using cdkVirtualFor with ng-container doesn't render all items
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
#### Reproduction
https://stackblitz.com/edit/angular-afvrep
Steps to reproduce:
Click on the add button and new items will be added. Scroll down slowly until you see:
Item 49 didn't render well. If you scroll more down and back up item 49 will suddenly appear as needed.
#### Expected Behavior
All items should be rendered correctly
#### Actual Behavior
Some items (49 here) don't render as expected
#### Environment
-Angular: 10.2.2
-CDK/Material: 10.2.7
-Browser(s): Chrome Version 86.0.4240.111 (Official Build) (64-bit)
-Operating System (e.g. Windows, macOS, Ubuntu): Windows 10
Beitragsleitfaden
Rechercherichtung
Beginne mit der verlinkten StackBlitz-Reproduktion und reproduziere das fehlende Element beim Scrollen, nachdem Elemente hinzugefügt wurden. Verfolge das Verhalten von cdkVirtualFor und ng-container beim virtual-scroll; das Issue ist abgeschlossen, wenn alle hinzugefügten Elemente beim Scrollen korrekt gerendert werden, ohne dass zuerst weg- und wieder zurückgescrollt werden muss.
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