title: Remove unnecessary scroll bar from div overflow containing angular material checkboxes
body: <p>If I build an html fragment with a div containing 4*<code>&lt;input type="checkbox"&gt;</code> and set <code>overflow-y: auto</code> and <code>max-height: 250px;</code> I get the expected behavior of no scroll bar. 
  However if I replace the standard checkboxes with those from Angular Material I see a scrollbar, how can I remove this and keep the expected behavior above?</p>
  
  <p>1st list is Angular Material, 2nd is standard html elements.</p>
  
  <p><a href="https://i.stack.imgur.com/MVf7j.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MVf7j.png" alt="problem example"></a></p>
  
  <p>example stackblitz ->
  <a href="https://stackblitz.com/edit/angular-69zuiy" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-69zuiy</a></p>