Tab header max-width issue

[alexandertorkelsen]

Is your feature request related to a problem? Please describe.

Both Tab and Popover component from EDS has a set max-width internally that hinders the component from being wider than that width.
For the popover component it is possible to apply a workaround that 'unsets' the max-width for the component. The same workaround does not work on the tab component, unfortunately.

Describe the solution you'd like

Make it possible to unset max-width on the Tab component, enabling it to be wider if needed.

Describe alternatives you've considered

So far the users need to live with the Tab-bar not matching the width of the content.
Tries narrowing the content but it isn't practical and it does not work with the amount of information/options needed to be available to the user.

[oddvernes]

I am guessing that you mean the max-width of the individual Tabs.Tab components, when variant is set to fullWidth. I see that this is hardcoded to grid-auto-columns: minmax(1%, 360px);.
I don't know if this was a concious design desicion since the people involved are long gone, but you can for now overwrite it this way:
<Tabs.List style={{ gridAutoColumns: 'minmax(1%, 50vw)' }}> (the max value can be anything really, it will set the items width to equal or less than given available space)