clicking on scrollbar in ie10 causes dropdown to close

In the bottom demo (selecting states) on http://brianreavis.github.io/selectize.js/, clicking on the scrollbar in IE10 will cause the dropdown to close. I've tested it on IE10 on windows 7 and windows 8. The click triggers a blur event that somehow needs to be ignored by selectize. For comparison, select2 doesn't seem to have this issue, but I'm not quite sure how it's avoiding it. Works fine on Firefox, Chrome and Safari/IOS.

[brianreavis]

Duplicate of #157 (but I'll close that issue instead... this one is more specific).

[nesl247]

Issue also exists on IE11 on Win 8.1.

[sunrongshuai]

Any idea for this issue?
I guess it is an issue about javascript bubble(cancelBubble\stopPropagation) one, but i can't get the solution.

Thanks!
Richard

[locux]

This one is causing me some headache too with all versions of IE up to 11, has anyone discovered a fix?

[locux]

I'm not familiar with code management or if I can even put a code fix into github, but I was able to solve this issue. I would propose this fix (or something with the same result) be added to 0.8.6.

Here's the diff on dist/standalone/selectize.js (v0.8.5).

15a16
> var count=0;
1211a1213
>                                               count=1;
1215a1218
>                                               count=0;
1551a1555
>                       if(count==1) return;
2240d2243
<

Here's an example of it working including the full (updated) selectize.js code: http://jsfiddle.net/rdX5R/1/

There's still a little weirdness in IE where the width resizes on click, but I believe that's unrelated to this solution.

[nesl247]

locux's fix did work for me on 0.8.4.

[locux]

after-thought: my proposed patch puts the initial "var count=0;" within the sifter.js code. Should be down in the selectize.js section (around line 603).

[andoband]

In my case, IE is raising a Blur event on the text input control ($control_input in the script) when the scrollbar is clicked. In this case the dropdown_content div is gaining focus.

In v0.8.5 putting the following code into the onBlur function solved the issue. The line just resets focus to the input control and exits the function when it is the dropdown_content div that's gained focus.

dist/selectize.js (line 971):
dist/standalone/selectize.js (line 1555):

if (document.activeElement === self.$dropdown_content[0]) { 
    self.$control_input.focus(); 
    return; 
}

[vslinko]

@andoband @dhinus that fix doesn't work right in ie8
each click to scrollbar triggers input focus and move dropdown to selected value