[Search] Add keyboard shortcuts and improve clear button UX
メンテナーはふだん 2 日以内に返信
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 48/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- react, typescript
調査の方向性
packages/raystack/raystack/components/search/ から始め、Search コンポーネントとその InputField 統合を確認します。Escape-to-clear、clear-button のフォーカス、イベント転送、default search type に取り組む前に、既存のコンポーネントの動作を確認してください。記載されたインタラクションが一貫して機能し、移動された CSS-token と !important の項目が引き続き対象外であれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Summary
Search is a custom component wrapping InputField with search-specific functionality. Has CSS specificity issues, hardcoded values, and missing UX patterns.
Improvements
3. Add Escape key to clear input
Common search UX pattern — pressing Escape should clear the input and optionally blur it.
4. Improve clear button focus management
After clearing, focus stays on the clear button instead of returning to the input field.
6. Pass event object to onClear callback
onClear() fires without the event object, inconsistent with other event handlers.
7. Default type="search" on input
For semantic HTML, the underlying input should default to type="search".
Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
- Replace hardcoded CSS values with design tokens (#672)
- Remove !important declarations (#678)
Files
packages/raystack/raystack/components/search/
- 主要言語
- TypeScript
- スター
- 69
- フォーク
- 13
- 平均マージ
- 3日 15時間
- マージ済み PR（30日）
- 24
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
raystack/apsara のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
メンテナーはふだん 2 日以内に返信
-
DataView: don't offer select/multiselect filters with empty filterOptions対応中かも @rohanchkrabrty が今日担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
raystack/apsara#849 · 担当者 1 名 ·
メンテナーはふだん 2 日以内に返信
raystack/apsara の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
Agenta-AI/agenta#7542 · コメント 1 件 · リアクション 1 件 ·
メンテナーはふだん 1 日以内に返信
-
code quality security
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
enhancement good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 90/100
-
難易度 1/5 1時間未満 初心者へのやさしさ 82/100
homarr-labs/dashboard-icons#2939 ·
メンテナーはふだん 1 日以内に返信