Fix callback with multiple output referencing some component id

[etpinard]

Consider

using Dash, DashHtmlComponents, DashCoreComponents

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

app = dash(external_stylesheets=external_stylesheets)

app.layout = html_div() do
    html_h1("Hello Dash"),
    html_div("Dash: A web application framework for Julia"),
    dcc_dropdown(id = "dd-plant",
                 placeholder = "Plant?",
                 options = [(label = x, value = x) for x in ["A", "B", "C"]],
                 searchable = true,
                 clearable = false),
    dcc_dropdown(id = "dd-device",
                 placeholder = "",
                 searchable = true,
                 clearable = false),
    dcc_graph(id = "graph")
end

callback!(app,
          Output("dd-device", "placeholder"),
          Output("dd-device", "options"),
          Input("dd-plant", "value")) do plant
    if isnothing(plant)
        return "", []
    end
    return "Device?", [(label = "$x", value = x) for x in [1, 2, 3]]
end

callback!(app,
          Output("graph", "figure"),
          Output("graph", "config"),
          Input("dd-plant", "value"),
          Input("dd-device", "value")) do plant, device
    if isnothing(plant) || isnothing(device)
        return no_update(), Dict()
    end
    return (data = [],
            layout = (title = "$plant | $device",)),
            Dict(:modeBarButtons => [["toImage"]])
end

run_server(app, "0.0.0.0", debug=true)

Before this patch

After this patch

[waralex]

Great case and a good fix. Thanks!

[etpinard]

No problem. Thank you!