content: document focusable classes and usage
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 28/100
- issue の種類
- ドキュメント
- 明瞭さ
- 説明が足りない
- 活発さ
- 停滞
- 技術スタック
- angular
調査の方向性
issue のタイトルとリンクされた StackBlitz の再現を確認し、ion-toggle のフォーカス動作と、参照されている .ion-focused および :focus-visible セレクターを理解します。フォーカス可能なクラスとその使用方法を、キーボードフォーカスのスタイルをカスタマイズする方法も含めて文書化します。これらの使用方法の詳細が Ionic ドキュメントで明確になれば作業完了です。
索引モデルが issue の本文から書いたものです。
説明
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
- 主要言語
- MDX
- スター
- 621
- フォーク
- 3.2k
- 平均マージ
- 1日 2時間
- マージ済み PR（30日）
- 86
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
ionic-team/ionic-docs のほかの issue
-
content
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
ionic-team/ionic-docs#4705 ·
-
content package: angular
難易度 2/5 半日 初心者へのやさしさ 78/100
ionic-team/ionic-docs#4702 ·
-
triage
難易度 1/5 1時間未満 初心者へのやさしさ 80/100
ionic-team/ionic-docs#4546 ·
-
content: broken link オープンcontent
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
ionic-team/ionic-docs#4381 · コメント 2 件 ·
-
triage
難易度 1/5 1時間未満 初心者へのやさしさ 72/100
ionic-team/ionic-docs#3639 ·
ionic-team/ionic-docs の issue をすべて見る
似ている issue
-
bug effort:S P3 portal
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
nightscout/nocturne#1518 · コメント 1 件 ·
-
📕documentation
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
db-ux-design-system/core-web#8239 ·
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
NavigationViewItemAutomationPeer implements IInvokeProvider but never advertises the Invoke pattern オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
unoplatform/uno#24629 ·
-
area:ui bug platform:vscode platform:windows
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
anthropics/claude-code#96521 ·