Button groups in tables overflow weirdly

[domenkozar]

Bug Report

Steps to reproduce

1. https://jsfiddle.net/swxo02br/
2. make sure to make the window mobile small to see it overflow

Expected result

I'd expect button group to be withing the cell and expand content-wise inside the table.

Actual result

Overflows the table.

Testcase

Screenshot (when possible)

Version

2.7.4

[y0hami]

I would argue that this is invalid since your table has unstackable and you are also explicitly specifying the width of the table columns therefore your table is technically working correctly. I would also argue that you shouldn't use a unstackable table on mobile because its never going to work in the first place.

If you disagree feel free to explain why.

[domenkozar]

That's a valid point, but even if stackable is used it overflows before it goes to stack mode.

[lubber-de]

@domenkozar Wrap both buttons into one ui group basic vertical buttons (instead of two single group buttons)
The second button (means the column width you defined) is still too small, but the content does wrap now instead of overflow:

See https://jsfiddle.net/fko624wq/

[domenkozar]

@lubber-de thanks that works perfectly :)