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] can't be closed with arrow icon #44053

Closed
foxylion opened this issue Oct 9, 2024 · 5 comments
Closed

[material-ui][Autocomplete] can't be closed with arrow icon #44053

foxylion opened this issue Oct 9, 2024 · 5 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 regression A bug, but worse

Comments

@foxylion
Copy link

foxylion commented Oct 9, 2024

Steps to reproduce

Link to live example: https://codesandbox.io/p/sandbox/musing-germain-65rjjp
The issue can also be reproduced in the official docs: https://mui.com/material-ui/react-autocomplete/

Steps:

  1. Open the autocomplete popover using the arrow icon on the right
  2. Try to close the popover using the arrow
    => 🔴 does open again automatically on releasing the mouse button

Current behavior

Starting with @mui/material version 6 the popover does open again automatically on releasing the mouse button

Expected behavior

popover should stay closed

Screen recording

Screencast.from.2024-10-09.13-41-48.webm

Your environment

standard CodeSandbox environment

Search keywords: autocomplete close arrow icon

@foxylion foxylion added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Oct 9, 2024
@DiegoAndai
Copy link
Member

DiegoAndai commented Oct 9, 2024

Thanks for the report @foxylion! This is a regression, we'll be working on it 👍🏼

I can confirm v5 and v6 behavior is different:

@DiegoAndai DiegoAndai added regression A bug, but worse package: material-ui Specific to @mui/material component: autocomplete This is the name of the generic UI component, not the React module! and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Oct 9, 2024
@DiegoAndai DiegoAndai self-assigned this Oct 9, 2024
@DiegoAndai DiegoAndai moved this to In progress in Material UI Oct 9, 2024
@DiegoAndai DiegoAndai changed the title Autocomplete can't be closed with arrow icon [material-ui][Autocomplete] can't be closed with arrow icon Oct 9, 2024
@ddolcimascolo
Copy link

@DiegoAndai Sorry to ping, but why a fast response here while my regression on Autocomplete gets no attention? Please if you don't mind at least checking or ask someone to check...
#43976

Thanks in advance,
David

@DiegoAndai
Copy link
Member

#43982 might be the solution for this one as well. Working on it.

@DiegoAndai
Copy link
Member

#43982 has been merged, and this should be fixed with it. The fix will be included in next week's release.

@foxylion, if you have any issues next week, please reach out to @aarongarciah. I'll be out for a couple of weeks, so if you tag me, I won't be able to respond.

@github-project-automation github-project-automation bot moved this from In progress to Done in Material UI Oct 16, 2024
Copy link

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@foxylion How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

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 regression A bug, but worse
Projects
Status: Done
Development

No branches or pull requests

3 participants