Bug(Dialog): Dialog size is fixed and can't be changed #29384
Labels
area: material/dialog
P3
An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Is this a regression?
The previous version in which this bug was not present was
16-
Description
Exist a property that make all dialogs appear at the same exact size at this class:
.cdk-overlay-pane.mat-mdc-dialog-panel
max-width: var(--mat-dialog-container-max-width, 80vw);
If you replace it with this at style.scss now it works fine and resize based on your elements
.cdk-overlay-pane.mat-mdc-dialog-panel {
max-width: 100% !important;
}
Reproduction
StackBlitz link: No link
Steps to reproduce:
const dialogConfig: MatDialogConfig = {
hasBackdrop: true,
disableClose: true,
width: '100%'
};
At past versions it dosnt matter, resize based on your styles and structure.
Expected Behavior
Dialog resize based on component structure
Actual Behavior
Dialog size appear fixed and can't change base on component elements
Environment
The text was updated successfully, but these errors were encountered: