components icon indicating copy to clipboard operation
components copied to clipboard

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

Open zizifn opened this issue 2 years ago • 1 comments

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:

  1. https://material.angular.io/cdk/menu/examples#cdk-menu-standalone-menu
  2. check below GIF for the issue a11y-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 avatar Nov 24 '22 15:11 zizifn

@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..

zizifn avatar Nov 24 '22 15:11 zizifn