Clicking vertical scrollbar for suggestions in IE closes menu

[henkli]

If the suggestions menu has a vertical scrollbar, e.g. has a max-width set, clicking the scrollbar closes the typeahead menu in Internet Explorer. The scroll bar works fine in Firefox and Chrome.

Affects at least IE8, IE11 (probably IE9 and IE10 as well).
IE8: Clicking scroll up/down icons works fine, but dragging the "scroll element" does not.
IE11: Clicking anywhere on the scrollbar closes the menu.
Tested using typeahead.js 0.10.1

Example fiddle: http://jsfiddle.net/r2a2G/

[jharding]

Thanks for reporting this. I'll look into getting this fixed for v0.10.2.

[lgoudriaan]

Any temp fix for this?

[jharding]

#752 contains what I think is a fix. If you can, please test it out and let me know if it resolves your issue.

[lgoudriaan]

Yes this works for me, Thanks!

[DealerCorp]

still happening

[cartochris]

I'm not too sure why this is closed as I still experience this issue? Is there a fix for this? It even happens on the main examples page for the Scrollable Dropdown Menu.

[worthy7]

Hi guys, just to let you know it looks like a bug in the latest IE11.0.47, which has reintroduced this bug.

[joezp]

In case anyone needs a solution, I basically made a version of _hacks() that relies on a focus flag set using mouseenter, mouseleave events on the menu. Seems to do the trick.

[worthy7]

That's what I did too:
corejavascript/typeahead.js#166

[joezp]

mouseenter/leave didn't occur to me until I saw this on a similar problem.
https://stackoverflow.com/questions/2284541/form-input-loses-focus-on-scroll-bar-click-in-ie