[OutSystems UI Web] Tabindex not working with dropdown select

Forge Component
(55)
Published on 18 May (2 weeks ago) by OutSystems R&D
55 votes
Published on 18 May (2 weeks ago) by OutSystems R&D

Hi,

I have created a form with:

  1. Input field
  2. Combo box with dropdown select
  3. Inputfield

If I want to navigate from 1st input field to next field (dropdown) by pressing tab key focus is set to 3rd field.

Same behavior if I am setting tabindex in extended property manually.

Any advise how to solve this issue?

Thanks & regards

Magnus

Hi Magnus,

The reason is that the second widget is a combobox, as its tabindex for some reason is set by outsystems to 0.

I changed it manually in the devtools from the browser to the logical value given the order of inputs on my screen en then it works.

I would think this is something that needs to be improved in OutSystems UI.

Regards,

Daniel

Hi, I am also experiencing same issue. Is there a solution for this now?

Processing Upload...

Hi Nhorwin John Villan,


Since OutSystems UI Web version 1.8.0, there's a new AccessibilityConfiguration on the Layouts blocks, with the option to reset all tabindex to 0. This will fix this issue.


I also attached an oml, with the use-case described (form with DropdownSelect).


Best regards,

Bernardo Cardoso