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.

Sign up for GitHub

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

Jump to bottom

[material-ui][Autocomplete] Hover state persists even when cursor leaves the select box #40861

Closed
shughes-uk opened this issue Jan 30, 2024 · 2 comments
Closed

[material-ui][Autocomplete] Hover state persists even when cursor leaves the select box #40861

shughes-uk opened this issue Jan 30, 2024 · 2 comments
Assignees
@mj12albert
Labels
component: autocomplete This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists package: material-ui Specific to @mui/material

Comments

@shughes-uk
Copy link

shughes-uk commented Jan 30, 2024 •
edited by github-actions bot
Loading

Steps to reproduce

Link to live example: https://mui.com/material-ui/react-autocomplete/#combo-box

Steps:

  1. Hover over an option in the autocomplete dropdown
  2. Move the cursor away from the dropdown
  3. The hover highlight persists

Current behavior

  1. Hover over an option in the autocomplete dropdown
  2. Move the cursor away from the dropdown
  3. The hover highlight persists

Expected behavior

  1. Hover over an option in the autocomplete dropdown
  2. Move the cursor away from the dropdown
  3. The hover highlight does not persist

Context

Trying to match the Select component styling/behavior.

Your environment

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

Search keywords: hover autocomplete cursor mouse
@shughes-uk shughes-uk added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jan 30, 2024
@danilo-leal danilo-leal changed the title [Autocomplete] Hover state persists even when cursor leaves the select box [material-ui][Autocomplete] Hover state persists even when cursor leaves the select box Jan 31, 2024
@danilo-leal danilo-leal added package: material-ui Specific to @mui/material component: autocomplete This is the name of the generic UI component, not the React module! labels Jan 31, 2024
@ZeeshanTamboli
Copy link
Member

Duplicate of #23916

@ZeeshanTamboli ZeeshanTamboli marked this as a duplicate of #23916 Feb 9, 2024
@github-actions github-actions bot added duplicate This issue or pull request already exists and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Feb 9, 2024
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Feb 9, 2024
@SunilKumar33
Copy link

@shughes-uk is the issue has been resolved? Do we have any workaround to fix it?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mj12albert mj12albert

Labels
component: autocomplete This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists package: material-ui Specific to @mui/material
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@shughes-uk @mj12albert @ZeeshanTamboli @SunilKumar33 @danilo-leal