Semantic-ui-react: Dropdown: focus is lost after selection

[sahilfullstack]

Drop-down looses focus when I select an item, can anyone please tell me how should I maintain focus.

[welcome[bot]]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[sahilfullstack]

yes please resolve my issue.

[layershifter]

As I see, it's duplicate of #3158. If I missed something, please fill issue template fully and ping me 🐱

[sahilfullstack]

My issue is similar to this issue. https://github.com/Semantic-Org/Semantic-UI/issues/1253.
But In React library i am facing this.

My problem is that Steps

1. Expand the dropdown (Dropdown is having focus)
2. Select an item (by click or mouse up/down)
3. Close the dropdown (by click or enter)

Expected Result
The dropdown to be in focus.

Actual Result
Dropdown looses focus. instead focus goes to the selected item in the dropdown list.

Can i do something to keep the focus to the the dropdown element ?
@layershifter can you give me a solution.

[SatishSharma1]

i am facing the same issue. please help

[layershifter]

Please provide codesandbox example, Dropdown has too many options and it's not obvious for what variant you're claiming.

[sahilfullstack]

@layershifter here is the sandbox https://codesandbox.io/s/n76ryvq73p . I want the focus to remain in the dropdown when an option is selected.

Thanks.

[sahilfullstack]

@layershifter any update

[layershifter]

I will take a look when it will be possible. This is an open source project and the best possible resolution for the any issue is a contribution.

Linking #1806.

[layershifter]

Marked this as bug, we should keep focus in this case. The native select has the same behavior.

[sahilfullstack]

@layershifter thanks.

[Fabianopb]

I can probably take a look on this one. I noticed that SUI's Dropdown also loses focus after selection.

[layershifter]

@Fabianopb will be glad to review the PR 👍

[jongsue]

I only fixed Search Selection not All dropdowns because SUI’s Search Selection retains focus after selection.

Should we fix All dropdowns ? even though they have same behavior as SUI’s have

[layershifter]

Should we fix All dropdowns ? even though they have same behavior as SUI’s have

Yes, please 👍 We should keep focus because native <select> does the same thing.