Tabs panel content overflow

[dlnr]

There is something weird in CSS grid that causes it's items to overflow if there are child present that have overflow: auto. If you add content to the panel (like a <Table> or <DescriptionList> and fill it with content that should break on small screens it instead sizes its width to the desired size of the tabs. It's hard to explain but I do know how to fix it.

The solution is to add this to the <Tabs.Panel> component:

min-inline-size: 0;

And it will provide the correct overflow-x rules: