Angular Material CDK scrolling - Display a million items is not working...
オープン
area: cdk/scrolling
help wanted
P3
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
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
コントリビューションガイド
調査の方向性
StackBlitz で https://material.angular.io/cdk/scrolling/examples の最初の CDK スクロール例から始め、1,000,000 個のアイテムで失敗を再現します。報告されているブラウザーの最大要素高さに関連する viewport の動作を読み取り、提案されている複数要素のレンダリング方式を評価します。スクロールして最後のアイテムに到達し、表示できれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- frontend, performance
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100