title: Mat Select appears in the bottom of the page
body: <p>I have a problem while trying to show the list of values contained in a <code>&lt;mat-select&gt;</code>. I get all the list of options in the bottom of the page instead of showing them next to the arrow of the <code>&lt;mat-select&gt;</code>. </p>
  
  <p><a href="https://i.stack.imgur.com/vaICv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vaICv.png" alt="enter image description here"></a></p>