Expand my Community achievements bar.

SOLVED

Drop down list produces duplicate HTML element IDs

Avatar

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

Avatar

Correct answer by
Employee 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

Avatar

Correct answer by
Employee 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.