angular / angular/components

mat-select seems to have serious performance issue

未关闭
#7,623 25 条评论 32 个 reaction 已指派 0 人 在 GitHub 查看
area: material/select P3 perf
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
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 摘要。