angular / angular/components

Angular Material CDK scrolling - Display a million items is not working...

オープン
#23,174 コメント 7 件 リアクション 0 件 担当者 0 名 GitHub で見る
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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。