Better tab handling.
This commit is contained in:
parent
82d607da45
commit
a0193b8f09
|
@ -123,7 +123,7 @@ Chosen.prototype = {
|
||||||
this.search_results.observe("mouseover", this.search_results_mouseover.bindAsEventListener(this) );
|
this.search_results.observe("mouseover", this.search_results_mouseover.bindAsEventListener(this) );
|
||||||
this.search_results.observe("mouseout", this.search_results_mouseout.bindAsEventListener(this) );
|
this.search_results.observe("mouseout", this.search_results_mouseout.bindAsEventListener(this) );
|
||||||
|
|
||||||
if( !this.is_multiple ){ this.selected_item.observe("focus", this.input_focus.bindAsEventListener(this)); }
|
if( !this.is_multiple ){ this.selected_item.observe("focus", this.activate_field.bindAsEventListener(this)); }
|
||||||
this.search_field.observe("focus", this.input_focus.bindAsEventListener(this));
|
this.search_field.observe("focus", this.input_focus.bindAsEventListener(this));
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -132,8 +132,11 @@ Chosen.prototype = {
|
||||||
var ti = this.form_field.tabIndex;
|
var ti = this.form_field.tabIndex;
|
||||||
this.form_field.tabIndex = -1;
|
this.form_field.tabIndex = -1;
|
||||||
|
|
||||||
this.search_field.tabIndex = ti;
|
if( !this.is_multiple ){
|
||||||
if( !this.is_multiple ){ this.selected_item.tabIndex = ti; }
|
this.selected_item.tabIndex = ti;
|
||||||
|
this.search_field.tabIndex = -1;
|
||||||
|
}
|
||||||
|
else{ this.search_field.tabIndex = ti; }
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -149,11 +152,7 @@ Chosen.prototype = {
|
||||||
this.results_show();
|
this.results_show();
|
||||||
}
|
}
|
||||||
|
|
||||||
this.search_field.value = this.search_field.value;
|
this.activate_field();
|
||||||
this.search_field.focus();
|
|
||||||
|
|
||||||
this.container.addClassName("chzn-container-active");
|
|
||||||
this.active_field = true;
|
|
||||||
}
|
}
|
||||||
else{ this.pending_destroy_click = false; }
|
else{ this.pending_destroy_click = false; }
|
||||||
},
|
},
|
||||||
|
@ -161,6 +160,19 @@ Chosen.prototype = {
|
||||||
mouse_enter: function(){ this.mouse_on_container = true; },
|
mouse_enter: function(){ this.mouse_on_container = true; },
|
||||||
mouse_leave: function(){ this.mouse_on_container = false; },
|
mouse_leave: function(){ this.mouse_on_container = false; },
|
||||||
|
|
||||||
|
activate_field: function(){
|
||||||
|
if( !this.is_multiple && !this.active_field ){
|
||||||
|
this.search_field.tabIndex = this.selected_item.tabIndex;
|
||||||
|
this.selected_item.tabIndex = -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.container.addClassName("chzn-container-active");
|
||||||
|
this.active_field = true;
|
||||||
|
|
||||||
|
this.search_field.value = this.search_field.value;
|
||||||
|
this.search_field.focus();
|
||||||
|
},
|
||||||
|
|
||||||
input_focus: function(evt){
|
input_focus: function(evt){
|
||||||
if(!this.active_field){ setTimeout( this.container_click.bind(this) , 50 ); }
|
if(!this.active_field){ setTimeout( this.container_click.bind(this) , 50 ); }
|
||||||
},
|
},
|
||||||
|
@ -184,7 +196,10 @@ Chosen.prototype = {
|
||||||
close_field: function(){
|
close_field: function(){
|
||||||
document.stopObserving("click", this.click_test_action);
|
document.stopObserving("click", this.click_test_action);
|
||||||
|
|
||||||
if( !this.is_multiple ){ this.selected_item.tabIndex = this.search_field.tabIndex; }
|
if( !this.is_multiple ){
|
||||||
|
this.selected_item.tabIndex = this.search_field.tabIndex;
|
||||||
|
this.search_field.tabIndex = -1;
|
||||||
|
}
|
||||||
|
|
||||||
this.active_field = false;
|
this.active_field = false;
|
||||||
this.results_hide();
|
this.results_hide();
|
||||||
|
@ -235,8 +250,6 @@ Chosen.prototype = {
|
||||||
this.dropdown.setStyle({"top": dd_top + "px", "left":0});
|
this.dropdown.setStyle({"top": dd_top + "px", "left":0});
|
||||||
this.results_showing = true;
|
this.results_showing = true;
|
||||||
|
|
||||||
if( !this.is_multiple ){ this.selected_item.tabIndex = -1; }
|
|
||||||
|
|
||||||
this.search_field.focus();
|
this.search_field.focus();
|
||||||
this.search_field.value = this.search_field.value;
|
this.search_field.value = this.search_field.value;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue