angular / angular/components

bug(form-field): mat-label overlap mat-suffix

Abierto
#28,743 8 comentarios 1 reacción 0 asignados Ver en GitHub
area: material/form-field P2
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

### Is this a regression?

- [X] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

15.x

### Description

When the mat-label is too long, it overlap the mat-suffix of the mat-form-field.

### Reproduction

- Create a mat-form-field
- Place a mat-suffix inside of it
- Place a long mat-label inside of it

### Expected Behavior

![Capture d’écran 2024-03-19 084043](https://github.com/angular/components/assets/16737025/f2a0e39d-548d-42ff-a487-0cf7339f9389)

### Actual Behavior

![Capture d’écran 2024-03-19 084335](https://github.com/angular/components/assets/16737025/3e33e3f4-2b4b-4a34-b28e-ba54e3553026)

### Environment

- Angular: 17.x
- CDK/Material: Material
- Browsers: Firefox & Google Chrome
- Windows

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Reproduce un mat-form-field que contenga un mat-suffix y un mat-label largo usando Angular 17, y compara el resultado en Firefox y Chrome con el comportamiento informado en Angular 15. Se considera terminado cuando la etiqueta ya no se superpone al sufijo y el form-field sigue siendo utilizable.

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
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.