Using dropdown module in Table with scrolling

[ursoforte]

I'm having trouble using the dropdown module in a table with the "scrolling" property [example]. When I remove the CSS "scrolling" option, the button with the dropdown appears correctly.

Currently, I'm using a simple button with "ui.button" to get around this. But for many options, a dropdown is better.
Has anyone had the same difficulty, and know how to solve it?

Video example:

table-scrolling_overflow.mp4

Regards.

[lubber-de]

Basic reason is that the dropdown menu is rendered inside the scrolling container, thus is limited to the scrolling area and overflows to the right.
What you can try is to use left menu instead of menu to the dropdown menu.
This will at least make sure the menu is leftward rendered and not overflowing to the right,

It will still overflow to the bottom though.

Otherwise this would need a refactoring of the dropdown menu positioning code to not being part of the dropdown container anymore (like the popup module)

[ursoforte]

The popup module solves this problem perfectly.