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

I faced same problem. Following solution work for me,

.cdk-global-scrollblock{
    position: static !important;
    width: initial !important;
    overflow-y: inherit !important;
  }

Put it into your global css or in dialog components loacl css (you have to enable view encapsulation in case of local)