bug(MAT-ERROR): mat error content with block element gives extra space of 16px
- 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
14.2.7
### Description
If the error message is rendered within a block element (we have some error message which are from a database and have a div element), an extra space is added. If this done by design, maybe it should also be mentioned in the docs?
Look at this example: https://stackblitz.com/edit/g5mias?file=src%2Fexample%2Fform-field-error-example.html
### Reproduction
StackBlitz link: https://stackblitz.com/edit/g5mias?file=src%2Fexample%2Fform-field-error-example.html
Steps to reproduce:
1. focus and blur the field
### Expected Behavior
Render the error messages directly underneath the input field
### Actual Behavior
The error messages are shown 16px below the input field
### Environment
- Angular: 16 latest
- CDK/Material: 16 latest
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par l’exemple StackBlitz lié dans src/example/form-field-error-example.html et reproduisez le problème en donnant le focus au champ, puis en le retirant. Comparez le rendu de l’erreur de Angular 16 Material avec le positionnement attendu ; le travail est terminé lorsque le contenu de l’erreur de l’élément bloc apparaît directement sous le champ de saisie, sans l’espace supplémentaire de 16px.
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
- 48/100