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

Table in useAutocomplete keyboard control, first row focus problem. #19206

Closed
ahmetcaglayan opened this issue Jan 13, 2020 · 2 comments
Closed
Labels
component: autocomplete This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists

Comments

@ahmetcaglayan
Copy link

ahmetcaglayan commented Jan 13, 2020

https://codesandbox.io/s/reverent-murdock-gwlxk

I am using table in useAutocomplete.
Move down with keyboard control.
Pressing down the last line focuses on the first line.
But the first line does not appear.

There is the problem that the first element does not appear when the keyboard control moves downward.

if possible, place the table sample in the documentation. I think it was a good example.
:)

@oliviertassinari oliviertassinari added the component: autocomplete This is the name of the generic UI component, not the React module! label Jan 13, 2020
@oliviertassinari
Copy link
Member

Closing for #19217.

@oliviertassinari oliviertassinari added the duplicate This issue or pull request already exists label Jan 17, 2020
@NixBiks
Copy link
Contributor

NixBiks commented Nov 25, 2020

@ahmetcaglayan were you able to use useAutocomplete in combination with Table like in your codesandbox?

Currently the issue is that the input element has to be focused - otherwise groupedOptions won't contain any elements. I'm just wondering if there are any workaround for that since I'd love to use useAutocomplete as a filter for my table

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! duplicate This issue or pull request already exists
Projects
None yet
Development

No branches or pull requests

3 participants