bug(cdk/menu): With NVDA enabled, keyboard focus doesn't show up - Githubissues

angular / components

Component infrastructure and Material Design components for Angular

https://material.angular.io

MIT License

24.32k stars 6.73k forks source link

bug(cdk/menu): With NVDA enabled, keyboard focus doesn't show up #26080

Open zizifn opened 1 year ago

zizifn commented 1 year ago

Is this a regression?

[ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

keyboard focus is not working on CDK menu. But seems cdkMenuBar is working fine..

Reproduction

Steps to reproduce:

https://material.angular.io/cdk/menu/examples#cdk-menu-standalone-menu
check below GIF for the issue

Expected Behavior

With NVDA enabled, keyboard focus can't be focused on first item. And arrow key should be working fine

Actual Behavior

With NVDA enabled, keyboard focus doesn't focus on first item. And arrow key not working fine

Environment

Angular: 15
CDK/Material: 15
Browser(s): Chrome
Operating System (e.g. Windows, macOS, Ubuntu): Windows

zizifn commented 1 year ago

@crisbeto If you are the right person for this, could you help me check on this? Actually, I did checked the DOM element, all the aria role seems right in the trigger button and menu.

I don't know why? Currently, I use cdkMenuBar has only one cdkMenuItem as a workaround. But from my team member testing, seems cdkMenuBar has the same issue in macOS VoiceOver. But standalone menu working fine on VoiceOver..