Virtual Scrolling stalls when scrolling via keyboard with large set of complex data
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
#### Bug, feature request, or proposal: Bug
#### What is the expected behavior?
When scrolling down the list by holding down the up or down arrow key, the list should scroll smoothly all the way down to the end
#### What is the current behavior?
When scrolling down the list by holding down the up or down arrow key, at random times and seemingly random circumstances, the scrolling behavior stalls. I believe the focus is being lost on the list for whatever reason as, if you click on the list and press the arrow key, scrolling resumes as normal.
#### What are the steps to reproduce?
StackBlitz [here](https://stackblitz.com/edit/angular-material-yhc71v). Click on the list and press and hold the down arrow key. It may take a couple attempts, but eventually it should stall.
#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Reproduced in Chrome 71.0.3578.98 and IE 11. Could not reproduce in Firefox 64.0.
|Package|Version|
|---|---|
|@angular/animations|7.2.0|
|@angular/cdk|7.2.1|
|@angular/common|7.2.0|
|@angular/compiler|7.2.0|
|@angular/core|7.2.0|
|@angular/forms|7.2.0|
|@angular/http|7.2.0|
|@angular/material|7.2.1|
|@angular/platform-browser|7.2.0|
|@angular/platform-browser-dynamic|7.2.0|
|@angular/router|7.2.0|
|core-js|2.6.1|
|rxjs|6.3.3|
|rxjs-compat|6.3.3|
|zone.js|0.8.26|
#### Is there anything else we should know?
Resource-bound maybe?
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par la reproduction StackBlitz liée et confirmez que le fait de maintenir la flèche vers le bas finit par bloquer le défilement dans Chrome ou IE, tandis que Firefox n’est pas affecté. Suivez l’interaction au clavier et le comportement du focus de la liste à défilement virtuel à partir de cette reproduction. Le travail est terminé lorsqu’une grande liste de données complexes défile continuellement jusqu’à la fin avec la touche fléchée et que la régression est couverte par un test approprié.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- frontend, performance
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 25/100