tab order doesn't work on nested form

[knguyen]

Hi,

If I add a nested form onto a modal Window, pressing tab would skip the items in the inner form.

Here I have 3 items: A, B, and C. Item B is part of the inner form. They have tabIndex: 1, 2, 3 respectively. If I put a cursor on A and press TAB, the cursor jumps right to C skipping B.

DynamicForm form = new DynamicForm();

TextItem a = new TextItem("a", "A");
a.setGlobalTabIndex(1);

DynamicForm innerForm = new DynamicForm();
TextItem item = new TextItem("b", "B");
item.setGlobalTabIndex(2);
innerForm.setItems(item);

CanvasItem b = new CanvasItem("innerForm", "Inner Form");
b.setCanvas(innerForm);

TextItem c = new TextItem("c", "C");
c.setGlobalTabIndex(3);

form.setItems(a, b, c);

com.smartgwt.client.widgets.Window window = new com.smartgwt.client.widgets.Window();
window.setWidth(500);
window.setHeight(300);
window.setAutoCenter(true);
window.setIsModal(true);
window.addItem(form);
window.show();

[Isomorphic]

This has been fixed for a month or so. Grab the latest, if you still see a problem, post all relevant versions (see the FAQ).

[knguyen]

I apologize. I tried this on SmartGWT 1.3, FireFox 3.5.5, Ubuntu 9.10.

[knguyen]

Has this issue been addressed after GWT 1.3 release? Because I'm still seeing this.

Many thanks.

[Isomorphic]

Yes, try a nightly.

[knguyen]

I've tried this with smartgwt 2.0 release, and the tab order is still not working as expected. In this case, it skips "C".

Please let me know if I'm doing something wrong.

Any help is greatly appreciated.

    DynamicForm form = new DynamicForm();

    TextItem a = new TextItem("a", "A");

    DynamicForm innerForm = new DynamicForm();
    TextItem b = new TextItem("b", "B");
    TextItem c = new TextItem("c", "C");
    innerForm.setItems(b, c);

    CanvasItem bc = new CanvasItem("innerForm", "Inner Form");
    bc.setCanvas(innerForm);

    TextItem d = new TextItem("d", "D");

    form.setItems(a, bc, d);

    com.smartgwt.client.widgets.Window window = new com.smartgwt.client.widgets.Window();
    window.setWidth(500);
    window.setHeight(300);
    window.setAutoCenter(true);
    window.setIsModal(true);
    window.addItem(form);
    window.show();

[knguyen]

Any comments?

[jp07]

did you find a solution??

Thanks

[knguyen]

anybody? Will this issue ever get fix?

Thanks

[kavivinu]

Facing same issue.. any solution on this??

Thanks

[carlossierra]

kavivinu I just answered you in StackOverflow. Please let me know if that fixes your issue.