angular / angular/components

Setting dialog max-height does not work

Abierto
#8,493 18 comentarios 13 reacciones 0 asignados Ver en GitHub
area: material/dialog P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
To be able to change the max-height of the dialog

#### What is the current behavior?
It does not work.

#### What are the steps to reproduce?
http://plnkr.co/edit/X17ETao12PtHTKmpqV5s?p=preview
The dialog in question is configured to be
```
const settings: MatDialogConfig = {
maxWidth: '99vw',
maxHeight: '99vh'
}
```
But the height is the default one. It seems that the `cdk-overlay-0` is correctly styled with `style="max-width: 99vw; max-height: 99vh;"` but the inner `div.mat-dialog-content` has `max-height: 65vh;` which dictates the height.

All the relevant code is in `app.component.ts`.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
All / latest

#### Is there anything else we should know?
Keep up the good work!

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con app.component.ts y la reproducción vinculada en Plunker, donde MatDialogConfig establece maxWidth y maxHeight, mientras que el mat-dialog-content interno conserva un límite de 65vh. Confirma la restricción de altura y considera el issue completo cuando el diálogo respete el max-height configurado.

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.