Combobox: role="combobox" attribute is on the wrong element causing Accessibility Checker error

[dakahn]

background IBMa/equal-access#282 (comment)

Our Combobox has a wrapper div with the attribute role="combobox". This attribute should be on the input itself. This is causing the below AC violation.

Sort of a weird error but essentially since AC expects -- as per WCAG recommendation -- for the combobox role to be on the input and it expects that input to receive focus first in the DOM AND instead something else gets focus -- we get this error.

Moving that attribute to the input itself should fix this issue.

[JensenAlexander]

Is there a workaround for this?

[tw15egan]

Seem to also be related to issues seen in Filterable Multiselect when the menu is open and items are selected (#7296 and #6570)

• Initial DOM focus on the combobox is not set on the text input when the combobox receives focus
• The element using 'aria-activedescendant' set to "carbon-multiselect-example-item-1" does not have its 'tabindex' attribute value set to 0 or -1

[dakahn]

closing as a dupe of #6938