bug(material/select): mat-select option is not announced on the very first time options are visible
Maintainer thường phản hồi trong vòng 1 ngày
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 67/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức độ hoạt động
- Sôi nổi
- Công nghệ
- angular, typescript
- Lĩnh vực
- accessibility, frontend
Hướng nghiên cứu
Start by reading the Angular Material mat-select implementation and its accessibility tests for announcing the active option when the panel opens. Reproduce the issue with the linked reactive-form example and a screen reader, then trace how the initially selected option is announced on open versus after navigating away and back. Done means the selected state is announced on the first open; add or update a regression test for that behavior.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
-
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
When a mat-select has an initial value (for example, set through a reactive form control) and the user opens it for the first time, the screen reader reads the active option's text but does not announce it as "selected". If the user moves to different options and returns back to the selected one, the same option is announced correctly as "selected".
Reproduction
StackBlitz link: https://stackblitz.com/edit/3j8yhubg?file=src%2Fexample%2Fselect-reactive-form-example.ts
Steps to reproduce:
- Create a mat-select bound to a reactive FormControl with an initial value:
- Turn on a screen reader (VoiceOver).
- Tab to the select and open it with Space, Enter or Alt+Down
- Listen to the announcement for the highlighted option.
- Go to next option.
- Return to previous option and listen to the announcement. "Selected" is announced for the option which is selected.
Expected Behavior
"Selected" should be announced on the very first time the panel of options open.
Actual Behavior
"Selected" is not announce on the very first time the panel opens and the user is on the selected item. It is announced when the user goes to some different options and returns to the selected item.
Environment
- Angular: 21.2.22
- CDK/Material: 21.2.14
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): MacOS
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.9k
- Merge trung bình
- 2 ngày 7 giờ
- Pull request đã merge (30 ngày)
- 83
Chuẩn bị môi trường
- Không có Dockerfile hay tệp Docker Compose
- Không có mẫu pull request
- Đọc hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của angular/components
-
bug(mat-slider): on Firefox, slider thumb is not aligned with cursorCó thể đã có người làm @Devyalamaddi đã nhận 4 ngày trước. Đang mởarea: material/slider P4
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 62/100
angular/components#34094 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug(material/sort): hover hint arrow on an unsorted header shows the active sort direction, not the resulting direction after click.Có thể đã có người làm @abdul-karim-mia đã nhận 2 ngày trước. Đang mởarea: material/sort P3
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
angular/components#33933 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug(mat-date-picker): month shown twice in date pickerCó thể đã có người làm @PreethiPantangi đã nhận 54 ngày trước. Đang mởarea: material/datepicker P4
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
angular/components#33763 · 2 bình luận · 3 reaction ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Bug in table.scss footer cell height: unset instead of footer row height unsetCó thể đã có người làm @minwookshin đã nhận 41 ngày trước. Đang mởarea: material/table P4
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 88/100
angular/components#33709 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug(date-adapter): Misleading JSDoc for createDate returns typeCó thể đã có người làm @BHUVANSH855 đã nhận 171 ngày trước. Đang mởarea: material/core P3
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 78/100
angular/components#33059 · 2 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
Tất cả issue của angular/components
Issue tương tự
-
bug parity
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
WenyuChiou/agent-board#1489 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
area: bazaar bug complexity: medium
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 74/100
accensa/x402-facilitator-stellar#779 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug good first issue P4 size:S web-ui
Độ khó 2/5 Nửa ngày Mức phù hợp với người mới 85/100
josephfung/curia#2600 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 62/100
cloudflare/partykit#444 ·