angular / angular/components

Virtual Scrolling stalls when scrolling via keyboard with large set of complex data

Ouverte
#14,765 5 commentaires 7 réactions 0 personnes assignées Voir sur GitHub
area: cdk/scrolling P3
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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.