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.