angular / angular/components

Long expansion panel descriptions overflow the panel.

Ouverte
#10,744 2 commentaires 6 réactions 0 personnes assignées Voir sur GitHub
area: material/expansion P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la reproduction StackBlitz liée, plus précisément par app/expansion-overview-example.html, en utilisant une longue description de l’expansion-panel. Localisez ensuite l’implémentation de l’expansion-panel de Angular Material et vérifiez que la description ne déborde plus et ne repousse plus le titre, avec une troncature élégante ou un autre traitement clair comme comportement final.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
2/5
Temps estimé
1-3 heures
Activité
À l'abandon
Clarté
Clairement spécifiée
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.