title: Bring Filter popup to the front, on top of grid
body: <p>I'm using the AG Grid Community for angular with Material and I'm facing the following issue with the column filter popup panel:
  <a href="https://i.stack.imgur.com/qcAjl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qcAjl.png" alt="enter image description here" /></a></p>
  <p>It's all fine when the filtered rows are more than 4 or 5 rows as the panel shows properly without cutting off. However, when the number of filtered rows gets fewer than 2 or even 3, the panel gets truncated. I have inspected the element and tried to find the selector for it but I can't seem to get the z-index set properly. I'm also hesitant to mess around with the overflow properties as the documentation sort of advises against it. The selectors I've tried to override in my styles.css (global) are <code>ag-filter</code> and <code>ag-menu</code> as well as <code>ag-filter-body-wrapper</code> - all to no avail.</p>
  <p>I've read the documentation and there's no configuration for this as well. Is there some sass variable or something that I should be overriding instead?</p>
  <p>Thanks in advance.</p>