angular / angular/components

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

オープン
#33,580 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
area: aria/menu gemini-triaged P3
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

### 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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、VoiceOverを有効にしたiOSデバイスで、リンクされたMaterial menu overviewの問題を再現し、次に最初と最後のメニュー項目におけるmat-menuのフォーカス処理を追跡します。完了条件は、前方向および後方向のスワイプによってVoiceOverのフォーカスが次の要素へ移動せず、開いたメニュー内に留まることです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
accessibility, frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
55/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。