Editable table returns focus to the previous row after selecting field in the next row using tab

[Flaurite]

Environment

• Platform version: 7.2
• Client type: Web
• Related to: cuba-platform/cuba#1464

Description of the bug or enhancement

See Russian support forum: thread

• Donwload attached project: tablefocus.zip

First case:

1. Edit field in the row
2. Try to select next field in the row using tab

AR
Next field is not focused.

First case

Second case

1. Edit field in the row
2. Try to select field in the next row using tab key

AR
Prevoius row is focused

Second case

[Flaurite]

Reproduced in 7.1 version too.

[bekonti]

Excuse me
is it fixed? if fixed, please tell me in which version
P.S. I am Using ext.cubaVersion = '7.1.1'

[Flaurite]

Hi @bekonti ,

Most likely the issue won't be fixed. See discussion and workaround here: https://forum.cuba-platform.com/t/editable-table-wrong-focus-fw-7/9274/8. The workaround is to use generated columns with labels for non-editable columns:

@Inject
private MetadataTools metadataTools;

@Subscribe
public void onInit(InitEvent event) {
    for (Table.Column<Customer> column : customersTable.getColumns()) {
        if (!column.isEditable()) {
            column.setColumnGenerator(customer -> {
                Object value = customer.getValueEx(column.getIdString());
                return new Table.PlainTextCell(metadataTools.format(value));
            });
        }
    }
}

[bekonti]

@Flaurite Thanks for quick reply🤗
Unfortunately code you send me doesn't help

[Flaurite]

@bekonti could you share a small demo project where the problem is reproduced?

[bekonti]

@Flaurite I've got same problem which exists in the Sampler
https://demo10.cuba-platform.com/sampler/#main/15/sample?id=editable-table

small Demo in progress...