Modal opening moves body up

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Opening a modal does not moves body up.

What is the current behavior?

A negative top is applied to the body, causing elements to go up. This comes back to normal when closing the modal

What are the steps to reproduce?

• Create an element with position: fixed
• Scroll down your page so that you are not at the top
• Open the modal

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

• Angular core : 4.3.1
• Angular material : 2.0.0-beta.8
• TypeScript : 2.3.4

Tested on chrome 61 Win / Mac / Linux

Is there anything else we should know?

❤️

[speige]

+1

I fixed it like this

.cdk-global-scrollblock {
	position: initial;
	width: initial;
	overflow: hidden;
}

[rahul-y-dudhane]

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)