Disable autofocus of step content via step options
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 42/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- javascript
- 領域
- frontend
調査の方向性
src/js/utils/floating-ui.js の 94-105 行付近にあるフォーカス処理から始め、Step のオプションがそのエントリーポイントに到達するまでの流れを追ってください。現在のデフォルト動作を失わずに、autoFocus 型のオプションで既存の遅延フォーカスをどのように制御すべきかを確認してください。オプションでオートフォーカスを無効にした場合に、強調表示されたアプリの入力欄がフォーカスされたままにでき、アクセシビリティ戦略も考慮されていれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Hey there!
I'd like to "re-discuss" #1588 - I have the same use case, in which I would like to keep an input in the highlighted app part focused, and not have the step popup take focus away. Currently, you use floating-ui to focus the step element after 300ms timeout (see here).
I understand that this is something where you would like to figure out a general strategy around a11y. In my case, I would however rather disable this behavior entirely via some step option autoFocus = false or something like that.
Would you accept a PR that introduces this ability, or you would not like to have such changes until you have a clearer position on this topic overall?
- 主要言語
- JavaScript
- スター
- 13.8k
- フォーク
- 658
- 平均マージ
- 7日 5時間
- マージ済み PR（30日）
- 18
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
shipshapecode/shepherd のほかの issue
-
Docs: rendering framework components as step content, and why DOM injection belongs in when.show オープンdocumentation
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
shipshapecode/shepherd#3479 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 52/100
shipshapecode/shepherd#3505 ·
-
bug
難易度 4/5 3〜5日 初心者へのやさしさ 52/100
shipshapecode/shepherd#3484 ·
-
bug
難易度 4/5 3〜5日 初心者へのやさしさ 52/100
shipshapecode/shepherd#3478 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 48/100
shipshapecode/shepherd#3442 · コメント 1 件 · リアクション 2 件 ·
shipshapecode/shepherd の issue をすべて見る
似ている issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
georgestephanis/p2026#40 ·
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·