Multiselect dropdown FastPass errors: elements with an Aria role that require children contain them, elements with an Aria role that require parent roles are contained by them #20280
Labels
Area: Accessibility
Component: Dropdown
Fluent UI react (v8)
Issues about @fluentui/react (v8)
Needs: Investigation
The Shield Dev should investigate this issue and propose a fix
Describe the issue:
v7: Multi-select uncontrolled example here:
https://fabricweb.z5.web.core.windows.net/oufr/7.177.2/#/examples/dropdown
v8: Multi-select uncontrolled example here:
https://fabricweb.z5.web.core.windows.net/oufr/8.37.0/#/examples/dropdown
Actual behavior:
Accessibility insights is failing with the following errors:
Expected behavior:
Fast pass passes
If applicable, please provide a codepen repro:
v7: Multi-select uncontrolled/controlled example here:
https://fabricweb.z5.web.core.windows.net/oufr/7.177.2/#/examples/dropdown
v8: Multi-select uncontrolled/controlled example here:
https://fabricweb.z5.web.core.windows.net/oufr/8.37.0/#/examples/dropdown
Priorities and help requested (not applicable if asking question):
We are on v7 of Fluent so we are hoping to see a fix there, not just in v8
Are you willing to submit a PR to fix? (Yes, No)
Yes, or help cherry pick the fix back to v7 if necessary
Requested priority: (Blocking, High, Normal, Low)
High - Blocking grade C which is required for release in our organization
Products/sites affected: (if applicable)
The text was updated successfully, but these errors were encountered: