The table is too large for small screens

[nloureiro]

The table is too large for small screens

[TylerAPfledderer]

@nloureiro @pettinarip this looks to be coming from a container 2 levels up that is a direct child of a flex-box. Supposedly this is part of the flexbox behavior and not a bug. (See Static.tsx line 109, though this quirk might exist in other layouts)

It seems that the solution is to apply 'min-width: 0px' to the container in question to force it's children to shrink. This will enable the overflow in the table.

[TylerAPfledderer]

@nloureiro I can triage this. 👍🏼

[pettinarip]

@TylerAPfledderer @nloureiro I remember we had the same issue, look at #10172. We fixed it by adding a position relative to the parent table container. Tested it locally and seems to be working fine. Tyler, I tried to do what you suggested but I couldn't make it work as expected (perhaps I didn't do it right). I'll create a PR to see if this fix it.