dialog: dialogs positioned at bottom of parent. closeTo animations don't work and block out background on IE11

[shubhamv5]

Actual behavior: Angular material dialog boxes not opening and closing as they should in Internet Explorer.

• What is the issue? * When i am used it in IE11 it does not open from the Alert Button and also not closing to the button. Although it works fine in chrome/safari. Opening this link in IE https://material.angularjs.org/latest/demo/dialog
• What is the expected behavior? Angular material dialog box should open from and close to the dialog button.

CodePen or Steps to reproduce the issue: *

• CodePen Demo which shows your issue :
• Details:

Angular Versions: *

• Angular Version:
• Angular Material Version:

Additional Information:

• Browser Type: *
• Browser Version: *
• OS: *
• Stack Traces:

---

Shortcut to create a new CodePen Demo. Note: * indicates required information. Without this information, your issue may be auto-closed.

Do not modify the titles or questions. Simply add your responses to the ends of the questions. Add more lines if needed.

[Splaktar]

The dialog appears to open just fine in IE 11 atm, but it seems to open at the bottom of the view. Some of the other dialogs have the bottom buttons cut off.

Alert Prompt It should look like this (Chrome)

Opening from and closing to appears to be completely broken on IE11:

It should look like this (Chrome):