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 z-index
to a larger value but it did not work.
Here is my jsfiddle code.
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 z-index
to a larger value but it did not work.
Here is my jsfiddle code.
Add overflow
.status-card {
min-height: 15% !important;
display: block !important;
overflow:visible;
}
give this one id="status-card-1"
#status-card-1{
z-index:20;
}
Here's the fiddle
It's not show outside the card because it's parent have
overflow:hidden
property.So, You need to add css for that :