Invalid ARIA attribute value: aria-activedescendant="sug-noResultsFound"

[tdempsey2]

Environment Information

• Package version(s): (8.62.4)
• Browser and OS versions: (Chrome: Version 99.0.4844.84 Windows 11)

Describe the issue:

[Microsoft Accessibility Insights for Web plugin] is reporting issues when we have a Dropdown component with pre-selected items opened.
<input autocapitalize="off" autocomplete="off" aria-autocomplete="both" spellcheck="false" placeholder="e.g. Biology" aria-labelledby="majorsAutocomplete1469" class="ms-BasePicker-input input-161" id="combobox-id__1470" aria-activedescendant="sug-noResultsFound" aria-controls="" aria-expanded="false" aria-haspopup="listbox" role="combobox" data-lpignore="true" value="" aria-describedby="selected-items-id__1470" style="font-family: #inherit;">

A similar issue: #15383

Please provide a reproduction of the issue in a codepen:

https://codepen.io/tiedde/pen/rNpwgpL

According to the documentation, you are supposed to send an Id of an option of the dropdown/combobox`
Which we are doing.

Actual behavior:

Accessibility validations fail for Combobox.

Expected behavior:

No Accessibility error.

Documentation describing expected behavior

Using aria-activedescendant to allow changes in focus within widgets to be communicated to Assistive Technology - WCAG WG (w3.org)

[micahgodbolt]

Your demo isn't currently working, and is nowhere near a reduced testcase. What's the easiest way for me to repro this bug?

[msft-fluent-ui-bot]

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. Thank you for your contributions to Fluent UI!