[Dialogs] Scroll dialogs bug in IE 11

[jianglin101]

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

When list is long in Dialog, it should have vertical scroll bar in dialog. This works well in Chrome and Firefox.

Current Behavior

https://material-ui-1dab0.firebaseapp.com/demos/dialogs/ the Confirmation Dialogs demo.
when open in ie 11, the vertical scroll bar doesn't work. it lists all items which push buttons out of page.

Steps to Reproduce (for bugs)

1. open https://material-ui-1dab0.firebaseapp.com/demos/dialogs/ in IE 11
2. Click Confirmation dialogs demo. (Phone ringtone example)

Context

Your Environment

Tech	Version
Material-UI	current demo version
React	current demo version
browser	IE 11.0.9600
etc

[oliviertassinari]

I confirm. Also, I have noticed that adding a overflow-y: auto on the role=document element fix the issue.

[oliviertassinari]

To be more precise, here is the place to add the style:

material-ui/src/Dialog/Dialog.js

Line 19 in bbe3265

paper: {

.

[oliviertassinari]

@jianglin101 Do you confirm? Do you want to submit a pull request?

[jianglin101]

@oliviertassinari sorry for late reply. add overflow-y: auto works for me too.

[neha-mittal123]

I confirm. Also, I have noticed that adding a overflow-y: auto on the role=document element fix the issue.

Actually i am also facing the same issue on a dialog box in react. can you please help me like where to put overflow-y: auto.