Premium support for our pure JavaScript UI components


Post by jack sheldon-reid »

Tabbing behaviour is inconsistent between Chrome, Firefox and Safari. While I imagine the majority of this is browser specific could I have clarification on an issue within Firefox. The image attached shows the tabbing order and as soon as the tab cursor enters the grid you are no longer able to continue tabbing through elements. From what I can tell safari uses the same tab order but does not get stuck instead going though the order indicated on the screenshot. With chrome having very different functionality.

Bryntum Examples tabbing order screenshot.png
Bryntum Examples tabbing order screenshot.png (152.69 KiB) Viewed 147 times

To reproduce on a specific example, the "Tree with locked columns" grid when tabbed into on firefox will highlight the scrollbar but you will be unable to continue tabbing though other elements.

Is this behaviour expected?


Post by marcio »

Hey jack sheldon-reid,

Thanks for the report, I created a ticket to investigate/fix it https://github.com/bryntum/support/issues/5357

Best regards,
Márcio


Post by Animal »

This turns out to be a Firefox on Mac issue. Links are just not tabbable by default. Which I think is terrible, but that's how they did it.

There's an answer here: https://stackoverflow.com/questions/11704828/how-to-allow-keyboard-focus-of-links-in-firefox

I added that preference value and I can now tab to links on Firefox:

Screenshot 2022-10-05 at 16.31.04.png
Screenshot 2022-10-05 at 16.31.04.png (72.48 KiB) Viewed 109 times

Post Reply