Fix clearable bug for multi-option dropdowns.

Author: Shammamah Hossain

src/fragments/Dropdown.react.js

@@ -74,6 +74,12 @@ export default class Dropdown extends Component {
                     value={selectedValue}
                     onChange={selectedOption => {
                         if (multi) {
+                            if (
+                                !this.props.clearable &&
+                                selectedOption.length < 1
+                            ) {
+                                return;
+                            }
                             let value;
                             if (isNil(selectedOption) && this.props.clearable) {
                                 value = [];

tests/integration/dropdown/test_clearable_false.py

@@ -39,3 +39,40 @@ def update_value(val):
     dash_duo.find_element('#dropdown-value').click()
 
     assert len(dash_duo.find_element('#dropdown-value').text) > 0
+
+
+def test_ddcf002_clearable_false_multi(dash_duo):
+    app = dash.Dash(__name__)
+    app.layout = html.Div([
+        dcc.Dropdown(
+            id='my-unclearable-dropdown',
+            options=[
+                {'label': 'New York City', 'value': 'NYC'},
+                {'label': 'Montreal', 'value': 'MTL'},
+                {'label': 'San Francisco', 'value': 'SF'},
+            ],
+            value=['MTL', 'SF'],
+            multi=True,
+            clearable=False
+        ),
+        html.Div(
+            id='dropdown-value',
+            style={'height': '10px', 'width': '10px'}
+        )
+    ])
+
+    @app.callback(
+        Output('dropdown-value', 'children'),
+        [Input('my-unclearable-dropdown', 'value')]
+    )
+    def update_value(val):
+        return ', '.join(val)
+
+    dash_duo.start_server(app)
+
+    dropdown = dash_duo.find_element('#my-unclearable-dropdown input')
+    dropdown.send_keys(Keys.BACKSPACE)
+    dropdown.send_keys(Keys.BACKSPACE)
+    dash_duo.find_element('#dropdown-value').click()
+
+    assert len(dash_duo.find_element('#dropdown-value').text) > 0