title: How to allow scrolling on a modal window with open dropdown?
body: <p>I use Material UI Dialog and use property scroll=&quot;body&quot; for modal window. I have issue when  dropdown is open a can't scroll modal window. How to allow scrolling in this case?</p>
  <p><a href="https://codesandbox.io/s/material-demo-forked-gy2ns?file=/demo.tsx:1283-2699" rel="nofollow noreferrer">https://codesandbox.io/s/material-demo-forked-gy2ns?file=/demo.tsx:1283-2699</a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> &lt;Dialog
          open={open}
          onClose={handleClose}
          scroll={scroll}
          aria-labelledby="scroll-dialog-title"
          aria-describedby="scroll-dialog-description"
        &gt;
          &lt;DialogTitle id="scroll-dialog-title"&gt;Subscribe&lt;/DialogTitle&gt;
          &lt;DialogContent dividers={scroll === "paper"}&gt;
            &lt;DialogContentText
              id="scroll-dialog-description"
              ref={descriptionElementRef}
              tabIndex={-1}
            &gt;
              &lt;Select labelId="demo-simple-select-label" id="demo-simple-select"&gt;
                &lt;MenuItem value={10}&gt;Ten&lt;/MenuItem&gt;
                &lt;MenuItem value={20}&gt;Twenty&lt;/MenuItem&gt;
                &lt;MenuItem value={30}&gt;Thirty&lt;/MenuItem&gt;
              &lt;/Select&gt;
              &lt;br /&gt;
              {[...new Array(50)]
                .map(
                  () =&gt; `Cras mattis consectetur purus sit amet fermentum.
  Cras justo odio, dapibus ac facilisis in, egestas eget quam.
  Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
  Praesent commodo cursus magna, vel scelerisque nisl consectetur et.`
                )
                .join("\n")}
            &lt;/DialogContentText&gt;
          &lt;/DialogContent&gt;
          &lt;DialogActions&gt;
            &lt;Button onClick={handleClose} color="primary"&gt;
              Cancel
            &lt;/Button&gt;
            &lt;Button onClick={handleClose} color="primary"&gt;
              Subscribe
            &lt;/Button&gt;
          &lt;/DialogActions&gt;
        &lt;/Dialog&gt;</code></pre>
  </div>
  </div>
  </p>