angular / angular/components

Explore replacing cdk focus trap with native HTML inert

Đang mở
#24,868 1 bình luận 2 reaction 0 người được giao Xem trên GitHub
Accessibility area: cdk/a11y P3 refactoring
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ả

The new HTML `inert` attribute is a native solution to the very manual focus trapping we employ today. We should explore whether we can drop the entire focus trap subpackage in favor of people directly using `inert`. It will be some time until browsers fully support this, but it's on track for all of Chromium/Firefox/Safari.

See
https://developer.chrome.com/blog/inert/
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert
https://caniuse.com/mdn-api_htmlelement_inert

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu với subpackage CDK focus trap và so sánh hành vi trapping thủ công hiện tại của nó với API inert HTML gốc được mô tả trong tài liệu trình duyệt được liên kết. Kiểm tra thông tin hỗ trợ đã nêu cho Chromium, Firefox và Safari, sau đó xác định liệu subpackage có thể được thay thế mà không làm hỏng việc sử dụng các component hiện có hay không; hoàn tất có nghĩa là đã có quyết định về tính khả thi và phạm vi migration được ghi lại.

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, html, typescript
Lĩnh vực
accessibility, frontend
Loại issue
Tái cấu trúc
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.