angular / angular/components

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

オープン
#20,197 コメント 1 件 リアクション 12 件 担当者 0 名 GitHub で見る
area: material/chips area: material/form-field material spec P4
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
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 の動作を追跡し、最初のチップを追加した後もフィールドの高さが変わらなければ完了です。

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

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

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

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