title: Angular Material (2.0) AutoComplete Suggestions Panel Appears behind Bootstrap Modal
body: <p>I'm trying to add an autocomplete field to a boostrap modal i have, but when typing the suggestions box appears behind the modal and out of view for the user.</p>
  
  <p>I've tried the following:</p>
  
  <pre><code>.mat-autocomplete-panel {
      position: fixed !important;
      z-index:100000 !important;
  }
  </code></pre>
  
  <p>But I didn't find any success, has anyone had any luck moving the suggestions box to the front?</p>
  
  <p>Image:</p>
  
  <p><a href="https://i.stack.imgur.com/BV8aX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BV8aX.png" alt="enter image description here"></a></p>