Black Lives Matter. Please consider donating to Black Girls Code today.

Dash Dropdown remove All if another is selected

Hi @chriddyp ,

I have a dropdown like:

        html.Div([
            html.Label('Something'),
            dcc.Dropdown(
                id='mtypes',
                options=[
                    {'label': 'All', 'value': 'All'},
                    {'label': 'A', 'value': 'A'},
                    {'label': 'B', 'value': 'B'},
                    {'label': 'C', 'value': 'C'},
                    {'label': 'D', 'value': 'D'},
                ],
                value=['All'],
                searchable=False,
                multi=True
            ), 
        ])

Apparently, my users are confused by the fact if All is selected then selecting A doesn’t change anything (since all is selected.) I can change the data to not show everything if All is selected but it looks weird. Is it possible to remove All when anything other than all is selected? (UI should remove ‘All’).