title: How to increase automatic height of matdialogbox in angular 5?
body: <pre><code>  uploadFiles(): void {
      const dialogRef = this.dialog.open(AddNewFilesOrImagesComponent, {
        width: '620px',
        height : '100%',
      });
    }
  </code></pre>
  
  <p>if height 100 % UI looks like this(under upload button not necessary empty spaces)</p>
  
  <p><a href="https://i.stack.imgur.com/mdrQe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mdrQe.png" alt="enter image description here"></a></p>
  
  <p>if I put fix height in px(it makes UI scrollable)</p>
  
  <pre><code>  uploadFiles(): void {
      const dialogRef = this.dialog.open(AddNewFilesOrImagesComponent, {
        width: '620px',
        height : '250px',
      });
    }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/EFJSX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EFJSX.png" alt="enter image description here"></a></p>
  
  <p>I want actual this type if I SELECT File it automatic increase its height(when i choose image that time i want to increase automatic height of matdialogbox)</p>
  
  <p><a href="https://i.stack.imgur.com/WQntH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WQntH.png" alt="enter image description here"></a></p>