Incorrect height of Components on non-active tabs (Bootstrap)

This is because the non-active tabs are hidden by setting the style display:none, and the dcc.Graph can’t determine the height of its container as a result. There’s some related discussion here and here

You can work around this by dynamically rendering the tab content with a callback. Check out this example.

1 Like