Keyboard navigation is broken/not working

[iamisti]

I haven't found ANY documentation about how to make keyboard navigation work. From the docs, it seems that it works with every single dropdown, but when I try the simplest example of this libray from the website, it's just not working. Clicking the dropdown to open the menu, but then and keyboard buttons do not select anything in the list.

Can someone help me pls?

[yestoall]

I have the same issue... keyboard is not working in a modal with some <CreatableSelect .../> components

[Rall3n]

@iamisti Would you be so kind and provide a minimal reproducible example using CodeSandbox as requested in the issue template?

[nathanpower]

Are you using unstyled: true by any chance? Just hit a similar issue with that - you have to manage styles for the psuedo-focused items yourself in that case

[rbracco]

I'm also experiencing this. If you put any basic select inside a Radix-ui dialog (and I'm assuming other types of modals as well) it breaks keyboard navigation. I couldn't get a simplified example because I was having trouble sizing the dialog without styled components, but if you try putting a form inside radix-ui's dialog and then add any basic react select, it will break keyboard nav. Here's a video demonstrating my min example.

https://github.com/JedWatson/react-select/assets/47190785/56b3f909-e424-41b7-82c5-7819c1a84752

[Yash6601]

Any updates on this? We are having the same issue.