[Modal] Scroll when modal is higher than viewport

[patrykgulas]

When I make modal that is higher than viewport it is cut from top and bottom and I can't scroll body to see its content. Is it possible to make it scrollable?

• This is a v1.x issue (v0.x is no longer maintained).
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

When modal is higher than viewport we should be able to scroll the page.

Current Behavior

Modal is cut from top and bottom and it can't be scrolled.

Steps to Reproduce (for bugs)

https://j7qmo6oxx5.codesandbox.io/

Context

Your Environment

Tech	Version
Material-UI	v1.2.1
React	v16.3.0
browser	Google Chrome

[oliviertassinari]

@pgvlas I'm closing as a duplicate of #7438. Thanks for the reproduction!

[oliviertassinari]

I think that we will keep the Modal as naked as possible. Regarding the Dialog, the content will scroll by default: https://codesandbox.io/s/2x7y5r3510.

[baymac]

@oliviertassinari Can you tell what is purpose of keeping Modal naked when it is unable to scroll when viewport is lower than its height? Is there a way to make this scrollable behaviour in Modal itself? I would like to use Modal bcz you can define height and width while in Dialog it is not possible to do so.

[oliviertassinari]

@baymac The idea would be to either copy style from the Dialog component and apply it on the Modal, or customize the Dialog to reach your desired outcome.