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 留言) (0 反應) (0 負責人)TypeScript (24,044 star) (6,650 fork)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
議題類型: 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.