Dropdown issue in IE

[Arahis]

Steps to reproduce

1. Click to open the dropdown with the scrollbar

2. Close it

3. Click in the area under the dropdown, where was the scrollbar

Expected behavior

Nothing should happen

Actual behavior

The dropdown opens

Environment

• 1.8.7 chosen

• jquery-1.11.3.min

• IE9

[dbrowncode]

I'm having this issue in IE11 as well. Has anyone found a fix or a workaround?

[dbrowncode]

Might not be a perfect solution, but this CSS solved the issue in my particular case: .chosen-container:not(.chosen-with-drop) .chosen-drop { display: none; }

[ianlayton]

At least in how I'm implementing Chosen, the above css causes tabbing between the dropdown fields to not work along with a cursor appearing above the field if you close the dropdown by clicking the triangle. I've made a slight modification to the above css to target only the scrolling part of the dropdown that holds the values (verses the container holding the search box and scrolling part) and this seems to restore that tabbing functionality and makes the cursor act normally, at least in IE 11

.chosen-container:not(.chosen-with-drop) .chosen-results{display:none;}