title: How can I make the dropdown list overlay the outside card?
body: <p>I have a dropdown list inside the Google Material Design card. When clicking the button, the dropdown list would not overlay the card. I have tried to set the <code>z-index</code> to a larger value but it did not work. </p>
  
  <p>Here is my <a href="https://jsfiddle.net/vr8spmnm/27/" rel="nofollow noreferrer">jsfiddle code</a>.</p>