I discovered some strange select boxes. If I select an option using the keyboard, but do not press Enter, and tab to the next field, the selected value gets selected (as it should), and the next field appears to get focus. However, when I press the down arrow, to select another value by keyboard, the select box from the previous box is displayed.
We are using dhtmlx version as mentioned below
//v.2.6 build 100722
When we comment the line in bold and underlined below.
dhtmlXCombo.prototype._confirmSelection = function (data, status) {
if (arguments.length == 0) {
var z = this.getOptionByLabel(this.DOMelem_input.value);
data = z ? z.value : this.DOMelem_input.value;
status = (z == null);
if (data == this.getActualValue()) {
return;
}
}
this.DOMelem_hidden_input.value = data;
this.DOMelem_hidden_input2.value = (status ? “true” : “false”);
this.callEvent(“onChange”, []);
this._activeMode = false;
/* this line fixes the tabbing issue when selecting with the mouse */
[u][b]this.DOMelem_input.focus();[/b][/u]
};
We don’t face the above issue.
Can you let us know if this workaround is right or there is some beter way to achieve the same or this is a bug