Dash Renderer Not Accessing Elements Inside dmc.Accordion Label

Dash Python
1

So I have a dmc.Accordion with multiple items. They are structured as follows:

dmc.AccordionItem(
                html.Div(
                    accordion_content,
                ),
                label=[
                    html.Div(
                        [
                            html.Div(label_name),
                            dbc.Button(
                                    DashIconify(
                                        icon="carbon:reset",
                                    ), 
                                    id = "button"
                            ),
                        ],
                    )
                ],
                icon=[
                    DashIconify(
                        icon = "eva:paper-plane-fill",
                    )
                ]
            )

I then have a callback in the app that references the button id to reset the content. I am getting back from the dash renderer that the ID of the button embedded in the accordion label is not included in the layout of the application. When I drill down into the actual HTML of the page, it shows the ID. I was wondering if the renderer is not traversing through the nonchild arguments of components or I am maybe missing something here.

2

Hi @dmeegan welcome to the community. Yes, callbacks on non child components is currently not supported.

3

Thank you!! No problem, thought that was the case. Love the component library you made btw!! Looking forward to the next update :slight_smile:

1 Like