Modal - Issue with chromevox and current focus

[garyb1]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Video Examples:

Screen.recording.2023-03-29.12.48.22.mp4

Screen.recording.2023-03-29.12.43.53.mp4

Link to live example: MUI React Dialog Page

Steps:

1. Go to any example on MUI which inherits from Modal: Dialog, Drawers
2. Open Chromevox screen reader for ChromeOS. The shortcut is ctrl + alt + z
3. Interact with component and see focus keeps getting moved outside the component

Current behavior 😯

Interact with component and see focus keeps jumping outside the dialog/drawer.

I removed the -1 tabindex from the dialog container, and placed it on the element with the dialog role instead, which seems to have helped, but that might break the component for others if they are focusing on the outer container.

Expected behavior 🤔

Focus should not be jumping outside the dialog.

Context 🔦

I'm not 100% sure if this is the same issue mentioned on Issue #23827

Any of the MUI Dialogs/Drawers are giving some focus issues when using the chromevox screen reader on ChromeOS.

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[michaldudak]

@mui/core, does anyone of you have a Chromebook to verify and debug it?

@garyb1 I've verified this on NVDA on Windows and VoiceOver on MacOS and it works fine, so I think your best bet would be to report an issue in Chromevox.

[garyb1]

Hey @michaldudak I have tested against many modal dialogs listed on the component.gallery website, and using chromevox I cannot reproduce the issue anywhere other than the MUI dialog component.

[garyb1]

Just checking back in to see if there have been any updates on this matter. Thank you!

[michaldudak]

Sorry, but we're not able to reproduce the issue on our end. Feel free to look at it yourself, and we'll try to assist as much as we can.

[garyb1]

hey @michaldudak I see you asked the mui/core team if they could verify it with a chromebook. Did they respond?

[michaldudak]

No, there's nothing here, nor I got any private messages, so it looks like nobody from thr team has access to one.