Selectfield cut off by mdl card
gregor160300 opened this issue · 2 comments
Hello, I have been happily using this addon for mdl for a while now, but there is one super annoying bug that I can't seem to fix with CSS.
As you can see in the screenshot the dropdown is cut of and I have tried fixing it with z-index, overflow and other CSS but nothing seems to work.
As far as I can see there are 2 options here.
- Make the dropdown menu goes up instead off down
- Make the dropdown stay on top
I hope anyone can help me to implement either 1 of the 2 suggested fixes.
P.S. please don't suggest putting the dropdown at the top of the mdl-card to avoid the issue
This is not an issue with the selectfield plugin, but with the card obviously. I think anything in the body of the card can not overflow, correct? So I will close this issue, but I would suggest you search on stackoverflow for overflow issue on mdl card or post a question there, as this is an implementation issue and not a plugin design issue.
Thank you for the tip and you were right. I would like to leave the fix here for others with the same problem.
I found this meyvn/mdl-selectfield#2
it didn't completely fix the issue since it just cut off at the bottom of the entire card so I had to make it this
.mdl-card__supporting-text, .mdl-card { overflow: visible; }
I however have not tested if this breaks anything else.