angular / angular/components

Expansion panel expanded state issue with Virtual Scroll

Ouverte
#13,697 15 commentaires 16 réactions 0 personnes assignées Voir sur GitHub
area: cdk/scrolling area: material/expansion 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:

`cdkVirtualScroll` does not work properly with `matAccordion` and `matExpansionPanel`.

The accordion does not respect the expansion state of individual expansion panels as you scroll.

#### What is the expected behavior?
The expansion state is maintained as you scroll

#### What is the current behavior?
If you expand the xth item in the accordion then as you scroll, the xth in the view will always be expanded. ie if you expand the 3rd item then as you scroll down to say the 1000th item then the 1003rd item will be expanded.

#### What are the steps to reproduce?
[Stackblitz example](https://stackblitz.com/edit/virtual-scroll-expansion-panels)

#### What is the use-case or motivation for changing an existing behavior?
Able to use expansion panels inside virtual scroll

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 7.0
Material 7.0
MacOS 10.14
TypeScript 3.x
Browser Chrome 70.0

#### Is there anything else we should know?
No

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la reproduction StackBlitz liée et examinez comment cdkVirtualScroll est combiné avec matAccordion et matExpansionPanel. Vérifiez que l’état d’expansion suit l’élément d’origine plutôt que sa position recyclée dans le viewport, et utilisez ce comportement comme critère d’achèvement.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
38/100

Recevez les nouvelles issues par e-mail

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