title: Material Dialog scrolls body to top on open
body: <p>I am using Material UI in a react app and want to open a dialog on my page. The Dialog opens fine, the only problem is when it opens it scrolls the body of my page to the top.</p>
  
  <p>The scroll-to-top behavior also happens when I open a Material Popover and when I open a Material TextBox selector. I've searched for hours for a solution for this and it seems like no one else has experienced this behavior before.</p>
  
  <p>Any help would be greatly appreciated!</p>
  
  <pre class="lang-js prettyprint-override"><code>openSendMatchPopup = (event) =&gt; {
    this.setState({
      ...this.state,
      anchorTargetTarget: event.target,
      dialogOpen: true,
    });
  };   
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>&lt;Dialog
    id='my-popover'
    open={dialogOpen}
    anchorEl={anchorTargetTarget}
    onClose={onClose}
    anchorOrigin={{
      vertical: 'bottom',
      horizontal: 'center'
    }}
    transformOrigin={{
      vertical: 'top',
      horizontal: 'center'
    }}
    disableRestoreFocus
  &gt;
    Dialog is Open
  &lt;/Dialog&gt;
  </code></pre>