dropdown pops open when dragging onto upload component

[mungojam]

MRE now below, but here is the general idea:

1. Create a dash app with a dropdown and an upload component
2. Run it, and select something from the dropdown, but don't then click anywhere else
3. Drag a file onto the upload area, and before you let go of the mouse button, the dropdown pops open again

I think it's because the dropdown still has the focus. It doesn't happen if you click elsewhere after originally selecting from the dropdown.

[valentijnnieman]

Interesting, thanks for reporting. Would like to see that MRE when you have it. We're using react-virtualized-select under the hood for the dropdown, for future reference!

[mungojam]

The cursor doesn't show up right on the recording but I dragged the file straight across to the upload area and only when I let go did the dropdown appear (I think another time it was as soon as I dragged it over the box)

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()

app.layout = html.Div(children=[
    dcc.Dropdown(
        id='my-dropdown',
        options=[
            {'label': 'New York City', 'value': 'NYC'},
            {'label': 'Montreal', 'value': 'MTL'},
            {'label': 'San Francisco', 'value': 'SF'}
        ],
        value='NYC'
    ),
    dcc.Upload(
        id='upload-data',
        children=html.Div('Drag and Drop'),
        style={
            'width': '100%',
            'height': '60px',
            'lineHeight': '60px',
            'borderWidth': '1px',
            'borderStyle': 'dashed',
            'borderRadius': '5px',
            'textAlign': 'center',
            'margin': '10px'
        }
    )
])

if __name__ == '__main__':
    app.run_server(debug=True)

[valentijnnieman]

Seeing this behaviour too, thanks for reporting!