angular / angular/components

feat(virtual-scroll): Allow non fixed-sized containers

Offen
#19,875 4 Kommentare 3 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/scrolling feature P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### Feature Description
When using virtual scroll the element needs to have a set height, or else, by default it'll be 0. It would be really useful for it to be able to have an automatic height.

#### Use Case
For example, i've got a page with aprox. 37 accordions, each with something between 5 and 15 mat-buttons inside each. When opening one, the opening animation is choppy because of how many are rendered on screen (this bug has already been reported in #8287).
I think this can be mitigated in this use case by only rendering what's visible with a virtual-scroll, but, because the height is dynamic(as, when an accordion needs to open, the size of the containing element changes), i cant give it a specific height, thus i can' use

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, das im Issue beschriebene Verhalten von cdk-virtual-scroll-viewport und den zugehörigen Performance-Kontext in #8287 zu untersuchen. Ermittle, wie sich ein Viewport ohne feste Höhe verhalten sollte, wenn der Inhalt eines Akkordeons erweitert wird; als abgeschlossen gilt die Aufgabe, wenn Container mit dynamischer Höhe Virtual Scrolling ohne ruckelnde Öffnungsanimationen verwenden können.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
30/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.