angular / angular/components

bug(cdk-virtual-scroll-viewport): Does not work with ngZoneRunCoalescing

Abierto
#25,808 3 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

### 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

cdk-virtual-scroll-viewport does not work with ngZoneRunCoalescing enabled. Some frames are rendered with incorrect content, causing visual "glitches".

### Reproduction

Steps to reproduce:
1. Go to https://stackblitz.com/edit/cdk-virtual-scroll-bug-run-coalescing
2. Scroll . The bug is most apparent when scrolling slowly.

### Expected Behavior

All rendered frames has correct content during scrolling.

### Actual Behavior

Some frames are rendered with incorrect content, causing glitches.

### Environment

- Angular: 14.2.6
- CDK/Material: 14.2.5
- Browser(s): Safari, Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): iOS, macOS

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 el comportamiento de cdk-virtual-scroll-viewport mientras ngZoneRunCoalescing está habilitado; compara el desplazamiento lento en Chrome o Safari en el entorno de Angular 14 indicado. Se considera terminado cuando cada fotograma renderizado muestra el contenido correcto durante el desplazamiento sin glitches visuales.

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.