angular / angular/components

bug(matInput): matInput with type "date" has incorrect height

Abierto
#27,921 1 comentario 0 reacciones 0 asignados Ver en GitHub
area: material/input 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

14

### Description

matInput with appearance "outline" with type "date" has hardcoded height of 16px, which combining with font-size of 16px results in cropping of letters.

image

### Reproduction

https://stackblitz.com/edit/xv3jy5?file=src%2Fexample%2Fform-field-appearance-example.html,src%2Fexample%2Fform-field-appearance-example.ts

### Expected Behavior

Nothing should be cropped.

### Actual Behavior

Empty input element text gets cropped.

### Environment

Angular CLI: 15.2.9
Node: 18.12.0
Package Manager: yarn 1.22.19
OS: win32 x64

Angular: 15.2.9
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, language-service, material, material-moment-adapter
... platform-browser, platform-browser-dynamic, platform-server
... router, service-worker

Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1502.9
@angular-devkit/build-angular 15.2.9
@angular-devkit/core 15.2.9
@angular-devkit/schematics 15.2.9
@angular/fire 7.5.0
@schematics/angular 15.2.9
rxjs 7.8.0
typescript 4.8.4
webpack 5.76.0

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza ejecutando la reproducción vinculada de StackBlitz para Angular Material matInput con apariencia de outline y type="date". Inspecciona los estilos de matInput y form-field implicados en la altura fija de 16px; se considera terminado cuando el texto de la entrada de fecha ya no aparezca recortado y se conserve la apariencia de outline esperada.

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

Evaluación

Stack tecnológico
angular
Á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.