angular / angular/components

bug(MAT-ERROR): mat error content with block element gives extra space of 16px

Abierto
#27,787 2 comentarios 0 reacciones 0 asignados Ver en GitHub
area: material/form-field P4
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

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con el ejemplo enlazado de StackBlitz en src/example/form-field-error-example.html y reproduce el problema enfocando y desenfocando el campo. Compara la representación del error de Angular 16 Material con la posición esperada; se considera terminado cuando el contenido del error del elemento de bloque aparece directamente debajo del campo de entrada sin el espacio adicional de 16px.

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
48/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.