Nested Tabs dont seem to work with dash 0.41.0

#1

I put a Tabs object with Tab children as a child for a Tab object. The nested Tabs work fine when run in dash 0.39.0 but don’t work when run in 0.41.0 i.e. clicking on the tab does not select it.

So in the following illustration, I click on SubTab2 and it does nothing. Everything else seems to display/work fine. I can switch between MainTab1 and MainTab2 just fine. And in 0.39.0 I can switch between SubTab1 and 2 fine as well but not in 0.41.0.

|-- MainTab1
|-- MainTab2
| |-- SubTab1
| |-- SubTab2

My code is below:

-- coding: utf-8 --

import dash
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html

external_stylesheets = [‘https://codepen.io/chriddyp/pen/bWLwgP.css’]

app = dash.Dash(name, external_stylesheets=external_stylesheets)

app.layout = html.Div(children=[
dcc.Tabs(id=‘TabsMain’, children=[
dcc.Tab(label=“TabMain1”, className=‘TabMain’, selected_className=‘TabMain–selected’, children=[
html.H1(children=‘TabMain1’)
]),
dcc.Tab(label=‘TabMain2’, className=‘TabMain’, selected_className=‘TabMain–selected’, children=[
dcc.Tabs(className=‘TabsMain2’, children=[
dcc.Tab(label=‘SubTab1’, className=‘TabSubTab’, selected_className=‘TabSubTab–selected’, children=[
html.H1(children=‘SubTab1’)
]),
dcc.Tab(label=‘SubTab2’, className=‘TabSubTab’, selected_className=‘TabSubTab–selected’, children=[
html.H1(children=‘SubTab2’)
])
])
])
])
])

if name == ‘main’:
app.run_server(debug=True)