VoiceOver doesn't read MatSelect options inside of a dialog for Safari/Firefox

[jelbourn]

To reproduce: Use the dev-app example for a mat-select inside of a dialog. #20695 fixed this for VoiceOver + Chrome, NVDA, and ChromeVox, but VoiceOver + Safari and Firefox seem to still have issues.

Related to #20694

[rameshworsht]

@jelbourn Has there been consideration to provide the CDK overlay user with the option to attach it to the parent node instead of the body of the page. We could fix this issue if we could attach the select or tooltip on the dialog component rather than to the end of the body at all times.

[jelbourn]

That would cause the select panel to be clipped by the dialog.

[TQuinn33]

The inconsistent behavior I submitted an issue for is occurring in Chrome, but this ticket is targeted at Safari/Firefox. I am also not sure if this ticket is addressing the same inconsistent behavior described in #21787, as I don't see any description of the specific behavior being addressed for this ticket.

[jelbourn]

@TQuinn33 I believe the issue is the same underlying root cause

[zarend]

Hello,

Thank you for participating this this issue. I can no longer reproduce, and I believe this issue has already been fixed.

Environment:

• macOS 13.1 (22C65)
• Firefox version 109.0
• Safari Version 16.2 (18614.3.7.1.5)
• reproduction code: https://github.com/zarend/components/tree/verify-%2320900

-Zach

[zarend]

screenshots of above verification ^

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}