[Bug] - Broken tab container

Hello,

we have an app, where we use tabbed container. Each tab includes a table with different data or some other components. Last week we wanted to add new tab to this application, however in edit view, all the tabs were shrunk to just few px width. After some research I found, that there is new Layout section in the tabContainer settings, which I had to switch from Grid to Stack to properly display something. Also I had to go to nested components and set their width settings to Fill to show the tables properly.

First of all I was really surprised, that something like this would happen without any notice (i checked the changelog posts for last few months and there was nothing about changing the layout setting of TabbedContainers). This is not the first time something like this happened and affected our app.

Second issue with this that still even if I switch nested components to fill the width of the tabbed container, it still does not work when there are more than one components in the tabbed container. Therefore we are now unable to change anything within this app without breaking the production released version.

I would really appreciate any advice on how to solve this as we do not want to redo the whole app because of this.

Thank you

1 Like

Hey @jandudek! Welcome back to the community. :slightly_smiling_face:

It could have been communicated more explicitly, but the new layout option described here was added to all containers. The rollout of this new feature shouldn't have had any affect upon the styling of your existing apps, though, and the default Grid should have continued to work without any issues.

That said, I have heard from at least one other customer that experienced something similar. What happens if you change the container's layout back to Grid and manually resize the nested components? Are you unable to do that for some reason?