angular / angular/components

Long expansion panel descriptions overflow the panel.

Đang mở
#10,744 2 bình luận 6 reaction 0 người được giao Xem trên GitHub
area: material/expansion P3
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

#### 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.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu với bản tái hiện StackBlitz được liên kết, cụ thể là app/expansion-overview-example.html, bằng cách sử dụng phần mô tả dài cho expansion-panel. Sau đó, tìm phần triển khai expansion-panel của Angular Material và xác minh rằng phần mô tả không còn tràn hoặc đẩy tiêu đề ra nữa, với việc cắt ngắn phù hợp hoặc một cách xử lý rõ ràng khác cho hành vi hoàn thiện.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Đặc tả rõ ràng
Mức phù hợp với người mới
45/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.