angular / angular/components

Long expansion panel descriptions overflow the panel.

Abierto
#10,744 2 comentarios 6 reacciones 0 asignados Ver en GitHub
area: material/expansion P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción vinculada de StackBlitz, específicamente con app/expansion-overview-example.html, usando una descripción larga del expansion-panel. Después, localiza la implementación del expansion-panel de Angular Material y verifica que la descripción ya no se desborde ni desplace el título, con un truncamiento adecuado u otro tratamiento claro como comportamiento final.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
2/5
Tiempo estimado
1-3 horas
Estado de actividad
Estancado
Claridad
Bien especificado
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.