Skip to content
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

When tabbing and changing focus to a Select component (With the search option activated), typing does not search the field #14503

Closed
1 task
NathanBP opened this issue Jan 23, 2019 · 5 comments
Assignees
Labels
🐛 Bug Ant Design Team had proved that this is a bug. Inactive 👷🏻‍♂️ Someone working on it

Comments

@NathanBP
Copy link

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://codepen.io/anon/pen/GOxqow

Steps to reproduce

Click on the first field, then press tab and try to type something.

What is expected?

When tabbing the focus should change to the Select and let you type so you can search between options.

What is actually happening?

When tabbing you are not able to type.

Environment Info
antd undefined
React 16.6.3
System Windows 10 x64
Browser Chrome 71.0

We came across this bug in a current project, we have found an existing issue which mentions the exact same bug but it has been closed without any fix or reason for why the issue was closed. Could this new issue continue to get this bug resolved, or the original issue re-opened until a fix is put in place.

Original issue: #8269

I get that this issue is a duplicate but the above issue was not resolved and no reason was given for it being closed.

Antd version is 3.12.4, couldn't get the picker to allow me to select a version.

@KobanDavis
Copy link

Apparently, select uses rc-select under the hood, so adding

showAction='focus'

In my case, however, this broke the click functionality. I'm not sure it did this because I was using a ref to focus the select by a keyboard event, but writing

showAction={['focus', 'click']}

did the trick for me.

@dhassouni
Copy link

I am running into the same issue. I am finding this is only a problem when the Select component's mode property is "default". It works as we would expect/want when the mode is "multiple".

@ashatat
Copy link

ashatat commented Dec 11, 2019

@KobanDavis I love you man,
this should be added to the antd documentation

@mattoni
Copy link

mattoni commented Jul 17, 2020

When applying showAction={['focus', 'click']}, I noticed clicking the chevron icon forces the select to pop open then close immediately. Is this happening for others?

@afc163
Copy link
Member

afc163 commented Aug 29, 2020

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 Bug Ant Design Team had proved that this is a bug. Inactive 👷🏻‍♂️ Someone working on it
Projects
None yet
Development

Successfully merging a pull request may close this issue.

9 participants