furqanZafar / react-selectize

http://furqanzafar.github.io/react-selectize/
Apache License 2.0
703 stars 138 forks source link

Cannot drag the dropdown scrollbar in IE11 in v3 #186

Open natenorberg opened 6 years ago

natenorberg commented 6 years ago

This is the same issue as #36, but I'm seeing it in v3. I don't think I could reproduce it before upgrading to react v16 (which is when I upgraded to v3)

When the dropdown is a long list, the scrollbar appears. However, in IE11, whenever you try to use your mouse to drag the scrollbar to scroll down, it immediately close the dropdown.

This is reproducible on the demo page

natenorberg commented 6 years ago

I found this in ReactSelectize.ls

# to prevent closing the dropdown when the user tries to click & drag the scrollbar in IE
return if @refs.dropdown-menu and document.active-element == (find-DOM-node @refs.dropdown-menu)

but document.active-element seems to be set to the body tag when this gets called

shablenko commented 6 years ago

Same behavior but in latest chrome

Dropdown was placed inside of React Bootstrap Modal

twig-openlearning commented 6 years ago

yep came here to report the same issue on Chrome