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

Clicking on scrollbar in autocomplete closes the menu box in IE #5178

Closed
tmcnutt opened this issue Sep 13, 2016 · 5 comments
Closed

Clicking on scrollbar in autocomplete closes the menu box in IE #5178

tmcnutt opened this issue Sep 13, 2016 · 5 comments
Labels
component: autocomplete This is the name of the generic UI component, not the React module!

Comments

@tmcnutt
Copy link

tmcnutt commented Sep 13, 2016

Problem description

When an Autocomplete is open on clicking the scrollbar (or the arrows) the menu will close

Steps to reproduce

Create an autocomplete component that has enough items for a scrollable list

Versions

  • Material-UI: 15
  • React: 15.1
  • Browser: IE 11
@rafsawicki
Copy link

Confirming that this bug still happens on IE11 (11.953.14393.0) and latest material UI (0.17.3).

@camagu
Copy link

camagu commented May 17, 2017

Does anyone have found a workaround or a fix? Seems that clicking on the scrollbar in IE11 triggers a blur event for the textfield, but I'm not sure how to detect if the click was over the scrollbar.

camagu added a commit to camagu/material-ui that referenced this issue May 18, 2017
camagu added a commit to camagu/material-ui that referenced this issue May 18, 2017
Fixes mui#5178 by wrapping the menu in a `div` which uses `onMouseEnter`
and `onMouseLeave` to determine if the scrollbar was clicked.
@grzegorzlademan
Copy link

@camagu did you found any workaround for this bug?

@camagu
Copy link

camagu commented Jul 17, 2017

@grzegorzlademan no :(

@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

Successfully merging a pull request may close this issue.

5 participants