title: Angular Material Dialog Component Scrolling Issue at Startup
body: <p>I am using Angular Material Dialog component within my app and within this dialog, I am presenting the a user a HTML table of data, that may have a scrollbar.</p>
  
  <p>My issue is though, when I click the button to open the actual dialog, I noticed that the contents are immediately scrolled to the bottom, which is a nuisance, since I need to manually scroll back to the top.</p>
  
  <p>I am using the standard setup as described here: </p>
  
  <p><a href="https://material.angular.io/components/dialog/overview" rel="nofollow noreferrer">https://material.angular.io/components/dialog/overview</a></p>
  
  <p>My dialog call is as follows:</p>
  
  <pre><code>myDialog(a: string, b: string) {
          let dialogRef = this.dialog.open(MyDialogComponent, {
              height: '500px',
              width: '800px',
              data: { a,b }
          });
  }
  </code></pre>
  
  <p>What can I do to avoid this scroll to the bottom issue? I have tried some CSS such as <code>top: 0; position: fixed;</code> but to no avail.</p>