Problem
I’ve got a number of Dojo components on a page. When the user tries to tab from an input like component to a grid like component, I get a JavaScript ‘Can’t move focus to control’ error. The user base uses IE6.
Solution
The first element in the DojoX Grid layout cannot be hidden. If it is hidden, you get a a JavaScript ‘Can’t move focus to control’ error. To fix this, I added a row # that displays. See below.
var gridLayout = [ new dojox.grid.cells.RowIndex({ name: 'row #', width: 2, styles: 'text-align: right;' }), { field: 'ele_id', name: 'Element ID', styles: 'text-align:right;', width:5, hidden:'true' }, { field: 'ele_nm', name: 'Element Name', styles: 'text-align:left;', width:8 } ];
Solution
The first element in the DojoX Grid layout cannot be hidden. If it is hidden, you get a a JavaScript ‘Can’t move focus to control’ error. To fix this, I added a row # that displays. See below.