question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

  1. Click on the example “Select with search field” to open the menu
  2. Use the up and down arrows and the <kbd>Enter</kbd>/<kbd>Return</kbd> key to select a value, e.g. “Lucy”
  3. 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:closed
  • Created 5 years ago
  • Reactions:3
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
Veveuecommented, Dec 2, 2018

<kbd>Tab</kbd> 切换到组件 按 <kbd>↑</kbd> <kbd>↓</kbd> 键

0reactions
afc163commented, Mar 13, 2020

Try new Select component in antd v4: https://ant.design/components/select/

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found