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 comments) (0 reactions) (0 assignees)TypeScript (24,044 stars) (6,650 forks)batch import

P3area: cdk/scrollinghelp wanted

説明

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

コントリビューターガイド

技術スタック: angulartypescriptcss
領域: frontend
Issue 種別: bug
難度: 3
推定時間: half day
活動状況: fresh
明確さ: clear
前提条件: Angular frameworkCDK Scrolling module
初心者向け度: 65
調査方針: 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.