bug(mat-menu): VoiceOver user on mobile is able to navigate out of an opened Menu
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.8k
- Merge trung bình
- 1 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 91
Mô tả
### 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
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách tái hiện vấn đề trong phần tổng quan về menu Material được liên kết trên thiết bị iOS đã bật VoiceOver, sau đó theo dõi cách mat-menu xử lý tiêu điểm tại mục menu đầu tiên và cuối cùng. Được xem là hoàn tất khi thao tác vuốt về phía trước và phía sau giữ tiêu điểm VoiceOver bên trong menu đã mở thay vì chuyển tiêu điểm đến phần tử tiếp theo.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- angular, typescript
- Lĩnh vực
- accessibility, frontend
- Loại issue
- Lỗi
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức độ hoạt động
- Ít trao đổi
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 55/100