md-dialog backdrop displays incorrectly if page is scrolled

[dozingcat]

See http://codepen.io/anon/pen/ZYVpWo . Scroll down and click the button; the dialog backdrop will not cover the entire frame, and sometimes showing the dialog causes the page to unexpectedly jump.

[dominikstrasser]

maybe this could help you....
md-backdrop{
position: fixed;
}

[wesalvaro]

The same is true for the bottom sheet.

I have a PR for the md-backdrop in #2023.

[david-gang]

I think this is also connected to #1830
It happens also with sidenavs and scrolled content.

[ivanhtp]

Hey guys! This ticket is really important.

Just to complement: position fixed to backdrop won't solve the problem completely.
You must also change the class .md-dialog-is-showing on body ( overflow: hidden) to overflow: visible.

[alexthewilde]

+1

[wesalvaro]

Quick fiddle to demonstrate this is still a very present bug:

http://output.jsbin.com/yotiloniri

Just make sure to shrink the screen vertically smaller than the content (the kitten picture).