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

Autocomplete control bug #6365

Closed
rachel-singh opened this issue Mar 17, 2017 · 2 comments
Closed

Autocomplete control bug #6365

rachel-singh opened this issue Mar 17, 2017 · 2 comments
Labels
component: autocomplete This is the name of the generic UI component, not the React module!

Comments

@rachel-singh
Copy link

rachel-singh commented Mar 17, 2017

Problem description

Autocomplete control - keydown skips the first option
Steps to reproduce the problem reproduce the problem):
-Click on the control with mouse
** A list appears at the bottom
-Press down arrow key
** The text control looses focus
-Press down arrow key again
** Second option gets selected

How do I fix this so that it selects the first option in the list.
If I set openOnFocus to false the problem goes away.

Link to minimally-working code that reproduces the issue

See controlled example in demo (http://www.material-ui.com/#/components/auto-complete) to reproduce the problem

Versions

  • Material-UI: v0.17.0
  • React: 15.4.0
  • Browser: Chrome
@grzegorzlademan
Copy link

I have noticed the same bug.
But it occurs only when option 'openOnFocus' is set to true and while entering the AutoComplete field with mouse. If I enter the field with Tab-key then the keydown is working as expected.

Examples:
http://www.material-ui.com/#/components/auto-complete
Section 'Data sources'. Examples number 2('showAllItems') and 3.

Versions
Material-UI: v^0.18.4
React: 15.4.2
Browser: Chrome, IE, Edge, Firefox

@oliviertassinari
Copy link
Member

Closed by #4783

@oliviertassinari oliviertassinari added the component: autocomplete This is the name of the generic UI component, not the React module! label Apr 29, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: autocomplete This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

3 participants