Open dropdown when tabbed onto field

[SFPink]

Hello,

Is there a way of opening the drop down when the user tabs onto the chosen select?
I haven't seen anything in the docs regarding this but then again I could have missed it.

Found this after a quick search:

$('body').on('focus', '.chosen-container-single input', function(){
    if (!$(this).closest('.chosen-container').hasClass('chosen-container-active')){
        $(this).closest('.chosen-container').trigger('mousedown');
        //or use this instead
        //$('#select').trigger('liszt:open');
    }    
});

Will give this ago. I don't suppose there is an option built in though?

Thanks

[koenpunt]

Chosen triggers a focus events, so the following should work:

$('body').on('focus', '.chosen-select', function(event){
  $(this).trigger('chosen:open');
});

The events in your found code are old and no longer supported.

[koenpunt]

My bad, the focus event is not triggered on the select itself.

[SFPink]

Temporary Solution:

jQuery('body').on('focus', '.chosen-container-single input', function () {
    if (!jQuery(this).closest('.chosen-container').hasClass('chosen-container-active')) {
        jQuery(this).closest('.chosen-container').prev().trigger('chosen:open');
    }
});

[pfiller]

@SFPink's temporary solution looks like a good workaround. I'm closing this up!