✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
⚡️ Concerned about the grid? Kyle Baranko teaches how to predicting peak loads using XGBoost. Register for the August webinar!

Dash dropdown with autofocus issue

First of all, thanks for such a awesome visualization dash tool, which made my life easy.

I have used dash dropdown to filter the data, however I saw some wierd behavior of dropdown.
When I select item from dropdown, it just select that item and collapse the item list.
But when I move to another application and come back to my app, the dropdown list get expanded automatically instead it should be collapse.
I check with dash documentation app, I found the same.
Attached is the gif, please check.

Did you solve this issues?
I have the exact same issue in my dashboard I’m currently building.

For know I have found a nasty workaround using a clientside_callback and javascript:

app.clientside_callback(
    """
    function(value) {
        document.activeElement.blur()
        return false;
    }
    """,
    Output("<dropdown-id>", "disabled"),
    [
        Input("<dropdown-id>", "value"),
    ]
)

As I imagine that this behavior is not intended, I created an issue on GitHub: https://github.com/plotly/dash/issues/1333