bug(cdk-virtual-scroll): Using cdkVirtualFor with ng-container doesn't render all items
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
#### 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
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par la reproduction StackBlitz liée et reproduisez l’élément manquant lors du défilement après l’ajout d’éléments. Suivez le comportement de cdkVirtualFor et de ng-container avec virtual-scroll ; le problème est terminé lorsque tous les éléments ajoutés s’affichent correctement pendant le défilement, sans devoir défiler ailleurs puis revenir en arrière.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- frontend
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 35/100