angular / angular/components

bug(matIcon): not inline well in Dialog Title

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

説明

#### Reproduction

Use any StackBlitz link at https://material.angular.io/components/dialog/examples

Then past the following:
```html

error Favorite Animal



OOKKerror


```


#### Expected Behavior

automatically sizing the icon to match the font size of the element the icon is contained in.

#### Actual Behavior

Icon is rendered well in dialog content, but not in dialog title. And worse, the top and the bottom of the icon gets truncated a little bit.

#### Environment

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

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

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

調査の方向性

提供された mat-dialog-title および mat-icon のマークアップを使用し、Angular Material のダイアログ例から StackBlitz の例を作成して問題を再現します。ダイアログタイトル内のアイコンとダイアログコンテンツ内のアイコンを比較し、その後 mat-icon と dialog-title のエントリポイントを追跡します。インラインアイコンが周囲のフォントサイズと一致し、上端や下端が切り取られていなければ完了です。

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

評価

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

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

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