angular / angular/components

bug(mat-menu): VoiceOver user on mobile is able to navigate out of an opened Menu

Open
#33,580 0 comments 0 reactions 0 assignees View on GitHub
area: aria/menu gemini-triaged P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Description

On iOS, with VoiceOver turned on, after a user opens a menu and they start swiping through the menu items in order to move focus from one item to the next, when they reach the first or last menu item and swipe respectively backward or forward, VoiceOver focus is moved outside of the menu into the next element

### Reproduction

StackBlitz link: https://material.angular.dev/components/menu/overview#menu-overview
Steps to reproduce:
1. On an iOS device, turn VoiceOver on
2. Navigate to the menu example
3. Open the menu
4. Swipe forward until VoiceOver focus leaves the menu

### Expected Behavior

Focus is trapped in the menu

### Actual Behavior

VoiceOver focus moves outside of the menu

### Environment

- Angular: v21
- CDK/Material: v21
- Browser(s): Any
- Operating System (e.g. Windows, macOS, Ubuntu): iOS with VoiceOver turned on

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the linked Material menu overview on an iOS device with VoiceOver enabled, then trace the mat-menu focus handling at the first and last menu items. Done means forward and backward swipes keep VoiceOver focus inside the opened menu rather than moving to the next element.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.