ENG-726 [BUG] - DropdownItem not getting focused properly and 'Enter' | 'Space' not selecting the item.

Please share the code also.

@wingkwong it's reproducible here: code. It doesn't work only in keyboard. Try to select an item using keyboard.

@matheusboeira you need to set onKeyDown={() => setLanguage(lang.code)}. OnPress only captures press event only.

@wingkwong, hmm. But I want to change the language after I press the "space" in my keyboard, not on arrow keys. And what about the tabIndex? I want to focus Dropdown first item when DropdownTrigger is open (after pressing space).

Version 2.2.10 works as expected. Pressing "Space" opens Dropdown and focus the first item. Items can be "selected" pressing space.

@matheusboeira oh ok. I misunderstood the problem.

As a user, I would like that when pressing the keyboard "space" while the Dropdown is focused, it focuses on the Dropdown items.

This seems missing indeed.

Furthermore, pressing the keyboard "Enter" or "Space" should select the item.

To set the language, here we still need onKeyDown={() => setLanguage(lang.code)}

@wingkwong exactly the same code works as expected in version 2.2.10. Pressing "Space" opens Dropdown and focus the first item. Items can be "selected" (change the language) pressing space.

@matheusboeira can you confirm the following behaviours in 2.2.10?

• use tab to localize the dropdown trigger
• press space, dropdown is open and the first item is focused
• press space again, first item is selected and language is changed (i.e. setLanguage)

@wingkwong, yes! It should be like that!

@matheusboeira Thanks a lot. much cleaner. will take a look.

I had the same problem but it seems it was fixed, just saying to confirm the bug fix ^_^