CdkVirtualScrollViewport will not scroll past 266304 rows, no matter how many rows are in the array
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
Using the example project found at:
https://material.angular.io/cdk/scrolling/examples#cdk-virtual-scroll-context
If one increases the items array length to 1,000,000 elements, the virtual scroll viewport still renders and scrolls but will not scroll down past row number 266304.
`export class CdkVirtualScrollContextExample {
items = Array.from({length: 1000000}).map((_, i) => `Item #${i}`);
}`
This puts a hard cap on the size of dataset one can scroll through.
### Reproduction
Steps to reproduce:
1. Open in stackblitz the example found at https://material.angular.io/cdk/scrolling/examples#cdk-virtual-scroll-context
2. Increase the size of the array for the data feeding the example to 1,000,000 elements
3. Attempt to scroll to the bottom.
### Expected Behavior
Expect to see Item # 1,000,000 at the bottom area of the virtual scrolling area.
### Actual Behavior
I see item # 266,304 at the bottom of the scrolling area, with the scrollbar all the way at the bottom.
### Environment
- Angular: 13.0.0
- CDK/Material:13.1.2
- Browser(s): Brave, Safari
- Operating System (e.g. Windows, macOS, Ubuntu): macOS
Guía de contribución
Línea de trabajo
Reproduce el límite en el ejemplo de contexto de desplazamiento virtual de CDK enlazado en el issue cambiando el array a 1.000.000 de elementos. Investiga el comportamiento del desplazamiento virtual de CDK alrededor de la posición máxima de desplazamiento; se considera completado cuando el viewport puede alcanzar el final del array en lugar de detenerse en la fila 266304, y la reproducción se haya verificado en los navegadores indicados.
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
- Bien especificado
- Aptitud para principiantes
- 48/100