react-selectize icon indicating copy to clipboard operation
react-selectize copied to clipboard

Cannot drag the dropdown scrollbar in IE11 in v3

Open natenorberg opened this issue 8 years ago • 3 comments

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 avatar Nov 22 '17 18:11 natenorberg

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

natenorberg avatar Nov 22 '17 18:11 natenorberg

Same behavior but in latest chrome

Dropdown was placed inside of React Bootstrap Modal

shablenko avatar Mar 07 '18 10:03 shablenko

yep came here to report the same issue on Chrome

twig-openlearning avatar Jun 12 '18 06:06 twig-openlearning