Skip to Content (Press Enter)
UserImage.jpg
Magnus
562Views
3Comments
[OutSystems UI Web] Tabindex not working with dropdown select
Question
Forge
outsystems-ui-web
Web icon
OutSystems UI Web (O11)
Forge asset by OutSystems

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

0
0
23 May 2019
Copy Link
2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

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

0
0
23 May 2019
Copy Link
2020-04-23 11-14-57
Nhorwin John Villano

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

0
0
20 Apr 2020
Copy Link
2022-01-13 11-39-41
Bernardo Cardoso
Staff

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


ResetTabIndex.oml
1
0
22 Apr 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.