angular / angular/components

bug(cdk-virtual-scroll): Using cdkVirtualFor with ng-container doesn't render all items

Abierto
#20,972 6 comentarios 0 reacciones 0 asignados Ver en GitHub
area: cdk/scrolling P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### 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:
![image](https://user-images.githubusercontent.com/30085989/98209303-5c808e00-1f47-11eb-8e14-b921188845b0.png)
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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción vinculada de StackBlitz y reproduce el elemento que falta al desplazarte después de añadir elementos. Rastrea el comportamiento de cdkVirtualFor y ng-container en virtual-scroll; el issue estará terminado cuando todos los elementos añadidos se rendericen correctamente durante el desplazamiento sin tener que desplazarte fuera y volver atrás.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.