angular / angular/components

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

Ouverte
#28,743 8 commentaires 1 réaction 0 personnes assignées Voir sur GitHub
area: material/form-field P2
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Reproduisez un mat-form-field contenant un mat-suffix et un mat-label long avec Angular 17, puis comparez le résultat dans Firefox et Chrome avec le comportement signalé dans Angular 15. C’est terminé lorsque le label ne chevauche plus le suffix et que le form-field reste utilisable.

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é
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

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