🚀 Gen 5 of the leading AI app deployment platform launches October 6. Click for the livestream.

Dash Tab Content Div Height - Doesn't Automatically Increase

Hi all,

I have a problem with the styling of my tabs:

The tabs and their content are a different colour to the div they sit in (white content and tabs on red background).

Initially the tab content is empty, so the content div has a very small height. When some callbacks output to the tab content, the height of the content div doesn’t expand to the same height as all the components filling it, so they appear to overflow the tab content div.

How can I get the height of this to adjust automatically in response to the content increasing in height?

In the following image I have tabs within tabs. The main tab content height isn’t expanding to the ‘sub tabs’ content height: