-
Notifications
You must be signed in to change notification settings - Fork 4.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Enter key does not open menu while focused #3414
Comments
This is definitely not intended, focusOption should not be called on ENTER if the menu is not open. |
resolved in v2.4.0 and closed |
This is my workaround: Example Link: https://codesandbox.io/s/boring-pike-v9ohq?fontsize=14&hidenavigation=1&theme=dark onKeyDown = (event) => {switch (event.key) { <Select ref={el => (this.selectRef = el)} onKeyDown={this.onKeyDown} /> |
I guess this issue is back? At least for me if a Dropdown is focused (ether through tab or through a form label for connected to the input) the menu does not open when pressing enter. |
Is this issue back? My team is noticing it with react-select 5.2.2. Can we re-open it? |
@lgoldb This was never an issue. But you can implement this behaviour by yourself using the |
For reference, this might need to be reconsidered. Our third party accessibility audit is requesting that the dropdown be expanded on both spacebar and enter pressed on focus. They referenced the following W3 documentation: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/ |
The menu is not opened when ENTER key is pressed and the menu is closed. From the source (onKeyDown), it looks like the first option should be focused, but nothing happens
Steps to reproduce
Expected result
Actual result
The text was updated successfully, but these errors were encountered: