Disable Scrolling for a Mat Dialog in the backdrop
Am trying to disable page scrolling when Mat Dialog is opened . Tried overflow:hidden but it didn't work .
TS:
const dialogConfig = new MatDialogConfig();
dialogConfig.autoFocus = true;
dialogConfig.backdropClass = "backdropBackground";
dialogConfig.hasBackdrop = true;
dialogConfig.panelClass = "custom-dialog-container";
const dialogRef = this.dialog.open(ModalComponent, dialogConfig);
style.css:
.backdropBackground {
background-color: rgba(0, 0, 0, 0.61);
overflow: hidden;
}
TS:
const dialogConfig = new MatDialogConfig();
dialogConfig.autoFocus = true;
dialogConfig.backdropClass = "backdropBackground";
dialogConfig.hasBackdrop = true;
dialogConfig.panelClass = "custom-dialog-container";
const dialogRef = this.dialog.open(ModalComponent, dialogConfig);
style.css:
.backdropBackground {
background-color: rgba(0, 0, 0, 0.61);
overflow: hidden;
}
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
