angular / angular/components

MdSelect and MdAutocomplete slow initial render w/ large number of options

Ouverte
#5,113 24 commentaires 21 réactions 0 personnes assignées Voir sur GitHub
area: material/autocomplete area: material/select G P2 perf
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

For both `MdSelect` and `MdAutocomplete`, the initial render of the component (in the closed state) is very slow even though the panels are closed. We should ensure that any work related to the options is deferred until the panel is opened.

To reproduce this, simply modify the demos to render 500 `md-select` each with 500 options each (there is no problem if there are 500 selects with 1 option each).

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par modifier les démonstrations des composants afin de reproduire 500 instances de MdSelect avec 500 options chacune, puis suivez le chemin de rendu initial à l’état fermé pour MdSelect et MdAutocomplete. Le travail est considéré comme terminé lorsque le traitement lié aux options est différé jusqu’à l’ouverture d’un panneau, tandis que les composants continuent à se rendre et à fonctionner correctement lorsqu’ils sont ouverts, et que la reproduction avec un grand nombre d’options reste réactive.

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
35/100

Recevez les nouvelles issues par e-mail

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