Angular Material CDK scrolling - Display a million items is not working...
- 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
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