onFocus causes auto scroll to x=0 when search is hidden

[demesne]

When search box is hidden, and a chosen select is clicked(only on focus), the page auto-scrolls to the hidden search input box, which should not be the case.

Sample:-

http://jsfiddle.net/2bVBN/

[tjschuck]

I can reproduce in Safari using the provided Fiddle.

Thanks for reporting, @demesne.

[demesne]

Did some css inspection, particularly around .chosen-container-single-nosearch .chosen-search and was wondering about the use-case for using position: absolute; left: -9999px; instead of not displaying it by using display: none;.
I'm asking this because I've seen the issue to be fixed by using the latter approach to not showing the search-box.

[pfiller]

I've tried this in both Chrome and Safari and I'm not seeing the problem. Can you guys walk me through this step-by-step and tell me exactly what I'm looking for?

[tjschuck]

@pfiller In the Fiddle, scroll all the way to the right, and click the right-most Chosen select. The scroll position jumps all the way back to the left.

[pfiller]

Thanks @tjschuck. Got it.

This is caused by two lines that are calling focus() on the hidden search field. I don't know or remember why it's called twice, but it doesn't really matter as once is enough to cause the jump in scrolling.

The most straightforward solution is to not call focus on the disabled search field. Unfortunately, that looks something like this right now as there's no method to tell if it should be disabled. We should add one!

@search_field.focus() unless @disable_search or @form_field.options.length <= @disable_search_threshold

[cnu2014]

Great work on the Plugin!. Just updated to v1.1.0. I see the this issue is not just limited to scrolling to x=0 when selecting using mouse. When the chosen drop down receives focus while tabbing the scrolling is still occurring. I have applied above fix with respect to search_field.focus() in chosen.jquery and has helped when selecting using mouse( scrolling doesn't happen) but this still scrolls when tabbing.
I am trying to figure out how do we get a handler to stop this auto scroll to x=0 while tabbing.
Any ideas are much appreciated.

[jjustaments]

Hi guys,

We also run in this issue.
As a workaround we 'focus' call put inside the IF statement.

if (!this.container.hasClass("chosen-container-single-nosearch")) {
  this.search_field.focus();
}