[Popover Container] VoiceOver issue when popover-container-content is opening at the end of node tree.

[ibsenjg]

Description

Hi, Im using a Form as content in Popover container component. By moving though it using Voice Over (MacOs accessibility tool) by using its keys (Find more here https://dequeuniversity.com/screenreaders/voiceover-keyboard-shortcuts) I cannot reach the rendered "popover-container-content" in order as its being rendered at the end of the dom tree besides being rendered aside its trigger component like its button.

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-4r7bjmew?file=package.json

Steps to reproduce

Open StackBlitz example
Turn on VoiceOver
Use VO keys and move into the preview
Open the contextual menu (popover) using VO + SpaceBar
Try to move inside the popover to further access their form fields by using VO + Right arrow
There the issue reproduces, you cannot reach the popover and you move further to the next buttons

JIRA ticket numbers (Sage only)

SBS-117650

Suggested solution

I remember some disable-portal feature that was used previously for these same reasons, do you plan something similar?
What I can suggest is to bring something like that back.

By using browser Tabbing this works ok in browsers, but we are trying to bring support to Voice Over and assistive tehcnologies so the interaction is made with different controls that are being affected by this rendering order.

Thanks!

Carbon version

144.22.1

Design tokens version

4.34.0

Relevant browsers

Chrome, Safari

Relevant OSs

MacOS

Additional context

No response

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.

[edleeks87]

FE-7031