Angular Material CDK scrolling - Display a million items is not working... · angular/components#23174

2021-07-15T09:40:08.000Z

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

(7 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (24.044 Stars) (6.650 Forks)batch import

P3area: cdk/scrollinghelp wanted

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

Contributor Guide

Tech Stack: angulartypescriptcss
Domain: frontend
Issue Type: bug
Schwierigkeit: 3
Geschätzte Zeit: half day
Aktivitätsstatus: fresh
Klarheit: clear
Voraussetzungen: Angular frameworkCDK Scrolling module
Einsteigerfreundlichkeit: 65
Research-Richtung: Examine the CDK Scrolling viewport component in the Angular components repository (likely under src/cdk/scrolling/). Investigate how items are rendered and consider implementing a multi container approach to overcome browser element height limitations. Review browser documentation on max element heights. Check existing comments on issue #23174 for proposed solutions and test with the provided reproduction.