angular / angular/components

Angular Material CDK scrolling - Display a million items is not working...

Offen
#23,174 7 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/scrolling help wanted P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

How to Reproduce:
- Take the first example from https://material.angular.io/cdk/scrolling/examples open it in stackblitz an display 1 Mio instaed of 100,000
- Scroll down to the end. The last item displayed is 213,043

Cause:
- Maximum height of single Elements in Browsers

Possible Solution:
- Use more than one element inside the ViewPort to render Items

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit dem ersten CDK-Scrolling-Beispiel unter https://material.angular.io/cdk/scrolling/examples in StackBlitz und reproduziere den Fehler mit 1.000.000 Elementen. Lies das Verhalten des Viewports im Zusammenhang mit der gemeldeten maximalen Elementhöhe des Browsers und bewerte den vorgeschlagenen Ansatz zum Rendern mehrerer Elemente; abgeschlossen ist die Aufgabe, wenn das Scrollen das letzte Element erreicht und anzeigt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend, performance
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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