New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tab index order (default) on forms is incorrect #9447

Open
nwgroup opened this Issue Dec 6, 2017 · 2 comments

Comments

Projects
None yet
2 participants
@nwgroup
Contributor

nwgroup commented Dec 6, 2017

When we use the grid layout the default tabIndex does not work correctly. Always give priority to selectBox or textArea and not in the order from left to right. Thank you team for your important help. The code to reproduce:

    this.setLayout(new qx.ui.layout.VBox());
    var gridLayout = new qx.ui.layout.Grid();
    var container = new qx.ui.container.Composite(gridLayout);

    //ROW ONE
    container.add(new qx.ui.form.SelectBox(), {
        column: 0,
        row: 0
    });

    container.add(new qx.ui.form.TextField(), {
        column: 1,
        row: 0
    });

    container.add(new qx.ui.form.TextField(), {
        column: 2,
        row: 0
    });

    container.add(new qx.ui.form.SelectBox(), {
        column: 3,
        row: 0
    });

    container.add(new qx.ui.form.TextField(), {
        column: 4,
        row: 0
    });

    this.add(container, {
        flex: 1
    });

@nwgroup nwgroup changed the title from Tab index on forms problem to Tab index order on forms problem Dec 6, 2017

@nwgroup nwgroup changed the title from Tab index order on forms problem to Tab index order on forms incorrect Dec 6, 2017

@nwgroup nwgroup changed the title from Tab index order on forms incorrect to Tab index order (default) on forms is incorrect Dec 6, 2017

@level420

This comment has been minimized.

Show comment
Hide comment
@level420

level420 Dec 20, 2017

Member

@nwgroup you could try to set the tabIndex property of the focusable widgets you're adding to the container with ascending values, in that order you're awaiting the tab sequence to be.

Member

level420 commented Dec 20, 2017

@nwgroup you could try to set the tabIndex property of the focusable widgets you're adding to the container with ascending values, in that order you're awaiting the tab sequence to be.

@nwgroup

This comment has been minimized.

Show comment
Hide comment
@nwgroup

nwgroup Jan 10, 2018

Contributor

@level420 thanks for your answer. We already did that but we think is important to fix it to all framework for other users. That because when we have many other widgets in the same window so is difficult to mantain the coherent order.

Contributor

nwgroup commented Jan 10, 2018

@level420 thanks for your answer. We already did that but we think is important to fix it to all framework for other users. That because when we have many other widgets in the same window so is difficult to mantain the coherent order.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment