Accessibility issue with combobox

[sanjaykc]

Getting below accessibility issue while using combo box component.

Issue: The 'id' "react-select-5-listbox, react-select-5-listbox" specified for the ARIA property 'aria-controls, aria-owns' value is not valid

Above issue can be replicated with react-select samples https://codesandbox.io/s/codesandboxer-example-forked-vcdjt

[ebonow]

@sanjaykc

I am not seeing this error though the console is throwing a different error. Would you mind attaching a screenshot or producing a codesandbox that will reliably throw the error that you are seeing?

[LauRoxx]

When using Continuum Explorer Pro chrome extension it lists the same issue. aria-controls reference the listbox element even when it is not in the DOM. As recommended here "Wait until it is [added to the DOM] before adding aria-controls to the controlling element; that is, synchronize the presence/absence of the two."

[LauRoxx]

looks like this issue should be solved with this PR

[Rall3n]

@LauRoxx thanks for the information.

I will close this issue based on the status of the mentioned PR.