dbc.Input can't input value where the input is in dbc.Popover and the popover is in dbc.Offcanvas

Dash Python
1

A simple example is here, the dbc.Input can’t input any value or text, Why?
How to solve it?

import dash
import dash_bootstrap_components as dbc
from dash import html

app = dash.Dash(external_stylesheets=[dbc.themes.CYBORG])

app.layout = dbc.Container(
    dbc.Offcanvas(
        [
            html.Div(
                [
                    dbc.Button("Click me", id="popover-target", n_clicks=0),
                    dbc.Popover(
                        dbc.Input(type="text", placeholder="Enter something..."),
                        target="popover-target",
                        trigger="click",
                    ),
                ]
            ),
        ],
        is_open=True,
    )
)

if __name__ == "__main__":
    app.run_server(use_reloader=True, debug=True)
2

Hi @RyanLin

It looks like something might have to change in the component. Would you like to open an issue on Github?

Here is more supporting info:

1 Like