angular / angular/components

mat-select seems to have serious performance issue

オープン
#7,623 コメント 25 件 リアクション 32 件 担当者 0 名 GitHub で見る
area: material/select P3 perf
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### Bug, feature request, or proposal:
With latest release, mat-form-field support was added for mat-select. But it introduced performance issues when we have multiple select lists (5-8).

When we use mat-form-field with input or text area it doesn't seem to cause any performance issue but it seem that its implementation for mat-select needs a review. On lengthy forms we are seeing a delay of up to 3 seconds, which are instant without mat-form-field on mat-select.

#### What is the expected behavior?
It should smooth and fast.

#### What is the current behavior?
Its very slow.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 4.4.4
Material 2.0.0-beta.12
Chrome

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

レポートでは mat-select と mat-form-field が挙げられていますが、ファイル、テスト、再現の起点は示されていません。まず Angular 4.4.4 と Material 2.0.0-beta.12 で 5~8 個の mat-select コントロールを使って報告された遅延を再現し、次に mat-form-field なしの mat-select と比較してください。完了条件は、長いフォームで報告された数秒単位の遅延が発生しなくなり、その挙動が回帰テストまたはベンチマークでカバーされていることです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend, performance
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

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

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