Ensure overflow in MaterialTemplate is not clipped

[philippjfr]

Previously content was simply cut-off in the MaterialTemplate making some dashboards unusable.

[MarcSkovMadsen]

I would argue that its bad design of your dashboard if you need overflow-x: auto. I don't know of any modern applications wanting you to scroll the main content horizontally.

[philippjfr]

Agreed but sometimes you generate fixed size components and then view them on a smaller screen. We shouldn't then clip the output so you can't see it, it's up to the user to correctly implement responsive sizing. None of the other templates have this behavior so this just makes it consistent.

[MarcSkovMadsen]

I've just experienced sometimes with responsive resizing and overflow-x: auto, that you get the scrollbar anyways. It enables you to scroll a very tiny amount. And you have to because a tiny amount of your component is behind the scrollbar. This is also a really bad user experience.

[jbednar]

That sounds like a problem to report separately.