<p dir="auto">hi,</p>
<p dir="auto">i have a dialog with <code class="notranslate">autoScrollBodyContent={true}</code> and it works on a desktop. but when opening the dialog on a mobile device (nexus6), the scrollbar is not on the right edge of the dialog it is about 1cm inside the dialog. when using the chrome-inspector you can simulate this behaviour with other small devices too (iphone, etc).</p>
<p dir="auto">when removing the style</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); "><pre class="notranslate"><code class="notranslate">box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); 
</code></pre></div>
<p dir="auto">with the inspector, the scrollbar appears exactly on the right side of the dialog. but the shadow disappears :-(</p>
<p dir="auto">/usc</p>
<h3 dir="auto">Problem description</h3>
<p dir="auto">How can I make the Dialog scrollable in v1. I have a modal with a list in it, and the list goes off the page. I would like the ability to scroll down. I would like the scrollbar to be on the main browser window, rather than on the modal itself.</p>
<h3 dir="auto">Link to minimal working code that reproduces the issue</h3>

<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 1</li>
<li>React:</li>
<li>Browser:</li>
</ul>