Show dropdown in line table above others divs

Question

How can I show the drop-down menu in the last row of the table?

When I open the drop-down list on the last line of table, it expands and creates a scrollbar. So I have to scroll to see what's in the drop-down list.

Here is a jsfiddle example https://jsfiddle.net/y03yxd2q/17/

Thanks for help!

see here:https://stackoverflow.com/questions/24342911/on-scroll-change-dropdown-menu-drop-position — לבני מלכה, May 03 '18 at 12:13
@לבנימלכה use dropup is not an option because the problem would continue, but this time in the first line https://jsfiddle.net/y03yxd2q/10/ — Tiago Alves, May 03 '18 at 13:27

score 0 · Answer 1 · answered May 03 '18 at 12:50

0

Add a negative top margin to the bottom li span to make the popup higher, like so :

td:nth-child(4) > div > ul > li:nth-child(1) > span
{
  margin-top:-30px;
}

answered May 03 '18 at 12:50

user2796515

264
3
16

Show dropdown in line table above others divs

1 Answers1