title: Displaying a mat-select inside a modal dialog
body: <p>I am displaying a <code>mat-select</code> inside a <code>ngx-smart-dialog</code>, when I open the <code>select</code> it shows behind the dialog. I found <a href="https://stackoverflow.com/questions/52203275/mat-select-options-showing-behind-the-dialog">this</a> and <a href="https://stackoverflow.com/questions/48352238/why-mat-select-not-working-inside-the-modal-onclick-it-shows-options-behind-th">this</a> with this solution:</p>
  
  <pre><code>.cdk-global-overlay-wrapper, .cdk-overlay-container {
      z-index: 9999!important;
  }
  </code></pre>
  
  <p>That's solves the issue if I put it in the global <code>.scss</code> file. What I want to know is (because in what I read I didn't find an explanation) why putting it inside the component's view (i.e., the modal component's view) it doesn't work. </p>
  
  <p>Thanks in advance!</p>