Setting dialog max-height does not work
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
#### 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!
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par app.component.ts et la reproduction Plunker associée, où MatDialogConfig définit maxWidth et maxHeight, tandis que le mat-dialog-content interne conserve une limite de 65vh. Confirmez la contrainte de hauteur et considérez l’issue comme terminée lorsque la boîte de dialogue respecte le max-height configuré.
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