Chosen stealing focus.

[razorfever]

Hi. I can not seem to get this to work. What I want is to put focus to an input field based on selection on chosen powered select element. Here's a fiddle to better illustrate the problem:

http://jsfiddle.net/ay9R9/

Both scenarios are identical but the first one is using Chosen and the other is not.
By selecting option 2 the focus should go to the input field. The one with chosen fails to work.

Thanks.

[stof]

A workaround is to delay the focus a little:

if (source == 2) {
    setTimeout(function () {
        $('#testfield').focus();
    }, 1);
}

[stof]

Note that it works even when using 0 as timeout (which still delays the execution a bit as it will runs during the next iteration of the event loop)

[koenpunt]

With a delay it works, but the visual 'focus' is still there (blue border). I think there has be a change in when to set focus on Chosen. Marking it as a bug.

[rfryer]

The delay doesn't seem to work for me. I was using a workaround overriding AbstractChosen.prototype.input_blur: but since V1 this no longer works because the AbstractChosen has been hidden.

Should I now revert to V0.9.15, or is there a better approach?

Thanks

[asantos]

I'm experiencing the same problem, it seems it has still not been fixed in 1.1.0 - i rolled back to 0.9.8 until the issue can be solved.

BTW, here's a workaround for this issue (takes care of both the input-focus and the chosen-focus-style)

setTimeout(function(){
$('#your_select_chosen').removeClass('chosen-container-active');
$('#your_input').focus();
}, 0);

[1bnr]

this solution doesn't work for me unless I crank the timeout up to 100