Select component with search field can't be opened with the keyboard after being opened once
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
Version
3.5.2
Environment
Firefox 60 on Ubuntu Linux 18.04
Reproduction link
https://ant.design/components/select/#components-select-demo-search
Steps to reproduce
- Click on the example “Select with search field” to open the menu
- Use the up and down arrows and the <kbd>Enter</kbd>/<kbd>Return</kbd> key to select a value, e.g. “Lucy”
- Press <kbd>Enter</kbd>/<kbd>Return</kbd>.
What is expected?
The Select
should activate by expanding its list of menu items, as it does if you focus the component with the <kbd>Tab</kbd> key and press <kbd>Enter</kbd>.
What is actually happening?
Nothing happens. The Select
stays closed, still showing its existing value.
After triggering this bug, you have to blur and and refocus the Select
before you are able to open it again. If you use only the keyboard, you can do this with <kbd>Tab</kbd>, <kbd>Shift</kbd>+<kbd>Tab</kbd>, <kbd>Enter</kbd>.
This sounds similar to https://github.com/ant-design/ant-design/issues/10179 and may be caused by the same underlying issue.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:3
- Comments:6 (4 by maintainers)
Top Results From Across the Web
<select>: The HTML Select element - HTML - MDN Web Docs
Holding down the Ctrl key then using the Up and Down cursor keys to change the "focused" select option, i.e. the one that...
Read more >Keyboard shortcuts for Access - Microsoft Support
Open a shortcut menu or open a dropdown menu for the selected gallery item. Shift+F10 or the Windows Menu key. Scroll up or...
Read more >Use tab groups with your keyboard - Google Chrome Help
You can organize tabs into groups with your keyboard. Create a tab group To create a tab group: Open the tab menu. Select...
Read more >Select layers and objects – Figma Help Center
When you click on an object that is part of a group or frame, we'll select the ... Right-click to open the context...
Read more >If your Mac doesn't respond to key presses - Apple Support (KG)
Connect your keyboard to a different USB port or to a different Mac. ... bar.” Open the Input menu, then make sure the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
<kbd>Tab</kbd> 切换到组件 按 <kbd>↑</kbd> <kbd>↓</kbd> 键
Try new Select component in antd v4: https://ant.design/components/select/