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

[material-ui][Autocomplete] Seeking guidance about a navigation behavior to prevent looping between first and last options #40635

Closed
NjegosR opened this issue Jan 15, 2024 · 3 comments
Assignees
Labels
component: autocomplete This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material support: Stack Overflow Please ask the community on Stack Overflow

Comments

@NjegosR
Copy link

NjegosR commented Jan 15, 2024

The problem in depth

I have a question regarding the functionality of the Autocomplete component.

Specifically, I am seeking a solution where pressing the down arrow key, while the last option in the list is highlighted, does not loop back to the first option. Similarly, I want to avoid the reverse scenario where pressing the up arrow key, when the first option is highlighted, does not lead to the last option in the list.

I appreciate your expertise and would be grateful for any guidance or insights you can provide on how to adapt or replicate the behavior observed in the Select component for the Autocomplete component.

Your environment

`npx @mui/envinfo`
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: stop looping through mui autocomplete options when the last option is highlighted
Order ID: 67541

Search keywords:

@NjegosR NjegosR added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: commercial labels Jan 15, 2024
@michelengelen
Copy link
Member

Hi @NjegosR ... this request is unrelated to MUI-X, since it is about a core component. I will transfer it over to the correct repo.

@michelengelen michelengelen transferred this issue from mui/mui-x Jan 16, 2024
@zannager zannager added the component: autocomplete This is the name of the generic UI component, not the React module! label Jan 16, 2024
@danilo-leal danilo-leal changed the title Seeking guidance on Autocomplete navigation behavior to prevent looping between first and last options [material-ui][Autocomplete] Seeking guidance about a navigation behavior to prevent looping between first and last options Jan 17, 2024
@danilo-leal danilo-leal added the package: material-ui Specific to @mui/material label Jan 17, 2024
@mj12albert
Copy link
Member

@NjegosR The disableListWrap prop should be what you are looking for!

@mj12albert mj12albert added support: Stack Overflow Please ask the community on Stack Overflow and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: commercial labels Jan 24, 2024
Copy link

👋 Thanks for using MUI Core!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support, please check out https://mui.com/getting-started/support/. Thanks!

If you have a question on Stack Overflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.

@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Jan 24, 2024
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! package: material-ui Specific to @mui/material support: Stack Overflow Please ask the community on Stack Overflow
Projects
None yet
Development

No branches or pull requests

5 participants