Issue when tabbing too quickly between consecutive multiple selects.

[Bleech94]

When there are 3 or more consecutive chosen multiple selects, switching between them too quickly causes more than 1 to stay open and the cursor flickers between them. To fix it you must mouseover each dropdown and click one of the selects.

Steps to reproduce

simple JSFiddle: http://jsfiddle.net/cvsoahLz/2/

1. Click the top select
2. Hold tab until the 3rd-6th select box is highlighted.

More than one select will now be open with the cursor flickering between them. I have been able to reproduce this on my real site just by clicking/pressing tab too fast since it's more clunky.

Expected behavior

Only one dropdown should be shown and the cursor should stay in the last focused select.

Actual behavior

Multiple dropdowns shown, the cursor flickers between the selects.

Environment

• Chosen Version: 1.8.2

• jQuery or Prototype Version: 3.2.1 (fiddle) and 2.2.1 (my site)

• Browser and Version: Chrome and Firefox latest versions

• OS and Version: Windows 10

Additional information

I have tried fixing it with jQuery using 'chosen:close' on all selects except one whenever 'chosen:showing_dropdown' fires. I've tried using 'chosen:open/activate' on the one I want opened.

Since I can fix it manually by mousing over the dropdowns and clicking the select, I've tried repeating that with jQuery using events like hover, click, mouseover, focus, etc.

I haven't been able to make it any better so far. Any suggestions?

[andangrd]

I'm also facing this issue,
It happens when we press Tab button for 3-4 seconds.

you could still use fiddle link above,

simple JSFiddle: http://jsfiddle.net/cvsoahLz/2/

really appreciate any response or suggestion.
thanks