Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

Drop down list produces duplicate HTML element IDs

sambas4746195
Level 1
Level 1

When OOTB drop down list component renders its options into the HTML markup, it outputs an ID "emtyValue" on the first element. This ID is static, and if the drop-down list component is used 2 or more times in the same form, this ID is duplicate. This is raised in the accessibility validation checks. Any suggestion?

1 Accepted Solution
Mayank_Gandhi
Correct answer by
Community Advisor
Community Advisor

Hi,

This has been discussed with Engineering in the past and it was confirmed that this element is just there for providing an empty first value to the dropdown. This would have caused a problem when the same dropdown has multiple options with the same id and not when different dropdowns have an empty hidden option with the same id. When tested with screenreader this caused no issue.  You can leave the emptyValue id as is.

View solution in original post

1 Reply
Mayank_Gandhi
Correct answer by
Community Advisor
Community Advisor

Hi,

This has been discussed with Engineering in the past and it was confirmed that this element is just there for providing an empty first value to the dropdown. This would have caused a problem when the same dropdown has multiple options with the same id and not when different dropdowns have an empty hidden option with the same id. When tested with screenreader this caused no issue.  You can leave the emptyValue id as is.

View solution in original post