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 commentaires) (0 réactions) (0 assignés)TypeScript (24 044 stars) (6 650 forks)batch import

P3area: cdk/scrollinghelp wanted

Description

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

Guide contributeur

Stack technique: angulartypescriptcss
Domaine: frontend
Type d'issue: bug
Difficulté: 3
Temps estimé: half day
Statut d'activité: fresh
Clarté: clear
Prérequis: Angular frameworkCDK Scrolling module
Accessibilité débutant: 65
Direction de recherche: 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.