angular / angular/components

Long expansion panel descriptions overflow the panel.

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

説明

#### Bug, feature request, or proposal:
If you have a longer than normal expansion panel description it overflows over the expansion panel and pushes the label out of place.

#### What is the expected behavior?
The description should truncate and add an ellipses, or some other way to gracefully hand this situation.
![image](https://user-images.githubusercontent.com/15903970/38444420-b45c78c6-39b4-11e8-8bc7-ad6012abaa88.png)

#### What is the current behavior?
If a description is long it will push the title out of place and overflow.
![image](https://user-images.githubusercontent.com/15903970/38444346-747306bc-39b4-11e8-9014-e50ef2edae80.png)

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-fcxlsc?file=app/expansion-overview-example.html

#### What is the use-case or motivation for changing an existing behavior?
It looks pretty bad if a long description is used.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Tested on Angular Material 5.2.4 using chrome 65.0.3325.181 and firefox 59.0.2.

#### Is there anything else we should know?
Nothing.

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

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

調査の方向性

リンクされた StackBlitz の再現、具体的には app/expansion-overview-example.html から始め、長い expansion-panel の説明を使用します。次に Angular Material の expansion-panel の実装を見つけ、説明がオーバーフローしたりタイトルを押しのけたりしなくなっていることを確認します。完成時の動作としては、適切な切り詰め、またはその他の明確な処理にします。

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

評価

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

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

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