content: document focusable classes and usage
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
- 28/100
- Loại issue
- Tài liệu
- Độ rõ ràng
- Cần làm rõ
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- angular
- Lĩnh vực
- accessibility, documentation
Hướng nghiên cứu
Bắt đầu với tiêu đề issue và bản tái hiện StackBlitz được liên kết để hiểu hành vi focus của ion-toggle và các selector .ion-focused và :focus-visible được tham chiếu. Tài liệu hóa các class có thể focus và cách sử dụng chúng, bao gồm cách tùy chỉnh kiểu hiển thị focus bằng bàn phím; công việc hoàn tất khi các chi tiết sử dụng đó được trình bày rõ ràng trong tài liệu Ionic.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v6.x, v7.x
Current Behavior
.ion-focused nor :focus-visible selector is working for ion-toggle component and toggle/labels combo.
There are workarounds for this but not optimal
- use ion-item, but ion-item is expected to be used under restricted scenarios
- use :focus selector but causes the style for accessibility leak when non-keyboard focus is applied.
Expected Behavior
- ion-toggle should provide a default keyboard focus accessibility style.
- ion-toggle should expose a way to set custom focus accessibility style
Steps to Reproduce
- go to https://stackblitz.com/edit/ionic-ion-toggle-focus-isse
- use keyboard to navigate.
- background of focus-visible element SHOULD BE RED, similar to the button
Code Reproduction URL
https://stackblitz.com/edit/ionic-ion-toggle-focus-isse
Ionic Info
Ionic:
Ionic CLI : 7.1.1
Ionic Framework : @ionic/angular 6.2.7
@angular-devkit/build-angular : 17.1.1
@angular-devkit/schematics : 17.1.1
@angular/cli : 17.1.1
@ionic/angular-toolkit : 7.0.0
Capacitor:
Capacitor CLI : 5.2.3
@capacitor/android : 5.2.3
@capacitor/core : 5.2.3
@capacitor/ios : 5.2.3
Utility:
cordova-res : not installed globally
native-run : 1.7.4
System:
NodeJS : v20.11.0 (C:\Program Files\nodejs\node.exe)
npm : 10.2.4
OS : Windows 10
Additional Information
No response
- Ngôn ngữ chính
- MDX
- Star
- 621
- Fork
- 3.2k
- Merge trung bình
- 1 ngày 2 giờ
- Pull request đã merge (30 ngày)
- 86
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 ionic-team/ionic-docs
-
content
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 86/100
ionic-team/ionic-docs#4705 ·
-
content package: angular
Độ khó 2/5 Nửa ngày Mức phù hợp với người mới 78/100
ionic-team/ionic-docs#4702 ·
-
triage
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 80/100
ionic-team/ionic-docs#4546 ·
-
content: broken link Đang mởcontent
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
ionic-team/ionic-docs#4381 · 2 bình luận ·
-
triage
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 72/100
ionic-team/ionic-docs#3639 ·
Tất cả issue của ionic-team/ionic-docs
Issue tương tự
-
bug effort:S P3 portal
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
nightscout/nocturne#1518 · 1 bình luận ·
-
📕documentation
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
db-ux-design-system/core-web#8239 ·
-
bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
NavigationViewItemAutomationPeer implements IInvokeProvider but never advertises the Invoke pattern Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
unoplatform/uno#24629 ·
-
area:ui bug platform:vscode platform:windows
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
anthropics/claude-code#96521 ·