title: Ng-select inside dialog add extra hidden height
body: <p>when using ng-select inside a dialog, the content of the dropdown is not displayed outside the dialog with an overflow. I saw this question also on github, but there was no solution found.</p>
  
  <p><a href="https://github.com/ng-select/ng-select/issues/240" rel="noreferrer">https://github.com/ng-select/ng-select/issues/240</a></p>
  
  <p>Demo: <a href="https://stackblitz.com/edit/angular-material2-issue-yesgfz" rel="noreferrer">https://stackblitz.com/edit/angular-material2-issue-yesgfz</a></p>
  
  <p>How can I solve this?</p>
  
  <p>Expected behaviour:</p>
  
  <p><a href="https://i.stack.imgur.com/TrEBz.png" rel="noreferrer"><img src="https://i.stack.imgur.com/TrEBz.png" alt="enter image description here"></a></p>
  
  <p>Actual behaviour:</p>
  
  <p><a href="https://i.stack.imgur.com/ZH8qa.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ZH8qa.png" alt="enter image description here"></a></p>
  
  <p>Solution from github with [appendTo]="'body'"</p>
  
  <p><a href="https://i.stack.imgur.com/YQwSJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YQwSJ.png" alt="enter image description here"></a></p>