Angular material dialog component hides all my website components

Question

I\'m using angular 5 and angular material (latest version) and I\'m trying to open a dialog from a page. When I click the button that triggers the opening, the entire website is

Answer 1

Just add this override css or scss class to fix the background invisible issue.

.cdk-global-scrollblock{
    position: initial;
}