Select should not add aria-hidden when opened

[mauron85]

Provide a general summary of the issue here

Currently when Select is opened, it adds aria-hidden to its parent.

But if parent has children that are focusable it violates rule:

Make sure elements with aria-hidden="true" do not contain focusable elements using one or more of the following methods.

https://accessibilityinsights.io/info-examples/web/aria-hidden-focus/

🤔 Expected Behavior?

Don't add aria-hidden to parent component when it contains children that are focusable.

😯 Current Behavior

Currently when Select is opened, it adds aria-hidden to its parent.

💁 Possible Solution

No response

🔦 Context

I believe functionality behind this is ariaHideOutside

react-spectrum/packages/@react-aria/overlays/src/ariaHideOutside.ts

Line 32 in 79505ba

export function ariaHideOutside(targets: Element[], root = document.body) {

🖥️ Steps to Reproduce

Visit https://react-spectrum.adobe.com/react-aria/Select.html

Open devtools:

1. click on Select
2. check first div right after body - it now has aria-hidden true attr.

Version

react-aria: 3.40.0, react-aria-components: 1.9.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

Windows

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[reidbarber]

The popover is rendered in a portal at the end of the document body, so it shouldn't be inside that div.

[devongovett]

This is a known false positive: https://github.com/adobe/react-spectrum/wiki/Known-accessibility-false-positives#menus-and-overlays