title: angular 6 mat-dialog scroll down to bottom automatically
body: <p>I have an issue with scroll  down automatically when open the mat-dialog.
  I have 2 buttons that cause the the problem (I assume) but I didn't figure out what to do to resolve the issue.</p>
  
  <p>The component.ts code : </p>
  
  <pre><code> openDialog(): void {
  let dialogRef = this.dialog.open(FileBrowserComponent, { 
         height: '600px',
         width: '700px',
  });
  </code></pre>
  
  <p>The dialog html code :</p>
  
  <pre><code>&lt;div class="container"&gt;
  
  &lt;div class="img" *ngFor="let element of fileElements"&gt;
      &lt;img src="{{assetsFullUrl(element.name)}}" alt="{{element.name}}" (dblclick)="selectedImage===true"&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;vaadin-upload target="http://localhost:3000/assets/upload" method="POST" 
  accept="image/*"&gt;&lt;/vaadin-upload&gt;
  
  &lt;div class="buttons"&gt;
  &lt;button mat-raised-button color='primary' type="button" (click)="add()"&gt;Save&lt;/button&gt;
  &lt;button mat-raised-button color='basic' type="button" (click)="cancel()"&gt;Cancel&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks for your help.</p>