angular / angular/components

bug(MatChipList): matChipInputFor changes height of MatFormField (Chips Autocomplete)

未关闭
#20,197 1 条评论 12 个 reaction 已指派 0 人 在 GitHub 查看
area: material/chips area: material/form-field material spec P4
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

#### Reproduction

https://material.angular.io/components/chips/examples

Steps to reproduce:
1. When `mat-form-field` is empty (no value is set) the height is 65.5px
2. When `mat-chip` is added height is 79.5px.

#### Expected Behavior

`mat-form-field` should not change its height.

#### Actual Behavior

`mat-form-field` changes its height when first value is added.

#### Environment

- Angular: latest
- CDK/Material: latest
- Browser(s): Chrome (latest)
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

贡献指南

打开贡献指南

调研方向

从 material.angular.io/components/chips/examples 中的 Chips Autocomplete 示例开始,重现空的 mat-form-field 与包含第一个 mat-chip 的 mat-form-field 之间的高度变化。跟踪 matChipInputFor 和 mat-form-field 的相关行为;完成标准是添加第一个 chip 后字段保持相同的高度。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。