content: document focusable classes and usage
Maintainer antworten meist innerhalb von 1 Tag
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 28/100
- Issue-Typ
- Dokumentation
- Klarheit
- Muss geklärt werden
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- angular
- Bereich
- accessibility, documentation
Rechercherichtung
Beginne mit dem Issue-Titel und der verlinkten StackBlitz-Reproduktion, um das Fokusverhalten von ion-toggle sowie die referenzierten .ion-focused- und :focus-visible-Selektoren zu verstehen. Dokumentiere die fokussierbaren Klassen und ihre Verwendung, einschließlich der Anpassung der Tastaturfokusdarstellung; die Arbeit ist abgeschlossen, wenn diese Verwendungsdetails in der Ionic-Dokumentation klar beschrieben sind.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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
- Vorherrschende Sprache
- MDX
- Sterne
- 620
- Forks
- 3.2k
- Ø Merge
- 23 Std. 3 Min.
- Gemergte PRs (30 T.)
- 50
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Keine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus ionic-team/ionic-docs
-
content: sheet modal docs should explain how to keep interactive content from dragging the sheetOffencontent
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 88/100
ionic-team/ionic-docs#4765 ·
Maintainer antworten meist innerhalb von 1 Tag
-
content
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 86/100
ionic-team/ionic-docs#4705 ·
Maintainer antworten meist innerhalb von 1 Tag
-
content package: angular
Schwierigkeit 2/5 Ein halber Tag Anfängerfreundlichkeit 78/100
ionic-team/ionic-docs#4702 ·
Maintainer antworten meist innerhalb von 1 Tag
-
triage
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 80/100
ionic-team/ionic-docs#4546 ·
Maintainer antworten meist innerhalb von 1 Tag
-
content: broken linkOffencontent
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
ionic-team/ionic-docs#4381 · 2 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
Alle Issues in ionic-team/ionic-docs
Ähnliche Issues
-
good first issue
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 74/100
AIssoufi/issoufi.fr#220 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
raullenchai/Rapid-MLX#4889 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
super-productivity/super-productivity#10924 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
Windows下最大化时关闭按钮易用性优化Offen
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
zhitongblog/solomd#434 ·
-
accessibility
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 85/100
Maintainer antworten meist innerhalb von 1 Tag