Hi,
We observe two tab-highlight issues in window on SmartClient_v83p_2015-03-27_PowerEdition.
a. The preselected value "foo" and "AA" cannot be Tab highlighted in the created window, this happens in IE(9/10), Firefox(36) and Chrome(41).
Steps to reproduce:
1. Click "Show Window".
2. Tab through field1 and field1 with default value, the value in the combobox item is not highlighted.
b. After making a selection, tab through fields in the window, the selected value can be highlighted in Firefox and Chrome, but not in IE.
Steps to reproduce:
1. Change the value for field1 to be "bar" and field2 to be "BB" by selecting records in the drop-down list.
2. Tab through field1 and field2. In FF and Chrome, the value are highlighted but not in IE.
We notice that if we directly type in the value instead of select from the drop-down list, the value cannot be highlighted in all browsers which is the same as issue a.
Please note these two issues cannot be reproduced if the dynamic form is not in the window.
Thanks!
We observe two tab-highlight issues in window on SmartClient_v83p_2015-03-27_PowerEdition.
a. The preselected value "foo" and "AA" cannot be Tab highlighted in the created window, this happens in IE(9/10), Firefox(36) and Chrome(41).
Steps to reproduce:
1. Click "Show Window".
2. Tab through field1 and field1 with default value, the value in the combobox item is not highlighted.
b. After making a selection, tab through fields in the window, the selected value can be highlighted in Firefox and Chrome, but not in IE.
Steps to reproduce:
1. Change the value for field1 to be "bar" and field2 to be "BB" by selecting records in the drop-down list.
2. Tab through field1 and field2. In FF and Chrome, the value are highlighted but not in IE.
We notice that if we directly type in the value instead of select from the drop-down list, the value cannot be highlighted in all browsers which is the same as issue a.
Please note these two issues cannot be reproduced if the dynamic form is not in the window.
Thanks!
Code:
isc.IButton.create({
title: "Show Window",
top: 35,
left: 75,
click : function () {
modalWindow.show();
}
});
isc.Window.create({
ID: "modalWindow",
title: "Modal Window",
autoSize:true,
autoCenter: true,
isModal: true,
showModalMask: true,
autoDraw: false,
items: [
isc.DynamicForm.create({
autoDraw: false,
height: 48,
padding:4,
fields: [
{name: "field1", editorType: "comboBox", valueMap: ["foo", "bar"], defaultValue:"foo"},
{name: "field2", editorType: "comboBox", valueMap: ["AA", "BB"], defaultValue:"AA"},
{type: "button", title: "Done",
click: "modalWindow.hide()" }
]
})
]
});