Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

dcc.Tabs "Content as Tab Children" breaks with dash >= 0.40.0

See original GitHub issue

To be more specific, could be the dash-renderer version that is included with 0.40.0. With version <= 0.39.0 Tab Children appear to work as intended.

A reproducible example is in the docs themselves. See Method 2. Content as Tab Children and try to click on “Tab two” or “Tab three”: https://dash.plot.ly/dash-core-components/tabs

With callbacks — works great tabs-with-callbacks

With children (broken; tabs don’t respond to click events) tabs-wo-callbacks

Possibly related to #460, but I don’t think so.

Issue Analytics

State:
Created 4 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

wbrgsscommented, Aug 8, 2019

I believe this is fixed now; not sure which Dash release fixed it though. Closing.

1reaction

byronzcommented, Apr 11, 2019

looks like need a click on tab and snapshot scenario to cover that

Top Results From Across the Web

Tabs | Dash for Python Documentation | Plotly

Tab components can be used to create tabbed sections in your app. The dcc.Tab component controls the style and value of the individual...

Source - GitHub

Change Log for dash-core-components All notable changes to this project will be ... however we are not treating this as a breaking change...

Dash button inside of tab not found in callback - Stack Overflow

informations = html.Div([dcc.Tabs(id="tabs-styled-with-inline", value='VF', children[dcc.Tab(label='Ventes historiques', value='VF', ...

@plotly/webpack-dash-dynamic-import - Package Manager

Built on top of Plotly.js, React and Flask, Dash ties modern UI elements like dropdowns, sliders, ... #2332 Add key to wrapped children...

dash Changelog - pyup.io

Div () ]) dash.callback(Output(my_output, 'children'), Input(my_input, 'value')) ... breaking change for DCC as the majority of breaking changes in Plotly.js ...