[Table] Normalize type signatures and fix sub-pixel border
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 48/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 静か
- 技術スタック
- react, typescript
調査の方向性
packages/raystack/raystack/components/table/ から始めて、TableHead、TableCell、TableBody、TableRow の型シグネチャ、特に CVA の使用方法を確認します。次に、セルで text-overflow: ellipsis がどのように適用されているかを追跡し、コンポーネントの現在のアクセシビリティ動作を確認します。サブコンポーネントが一貫した API を公開し、切り詰められたセルのコンテンツにアクセシブルなオーバーフロー機構が備われば完了です。
索引モデルが issue の本文から書いたものです。
説明
Summary
Table is a custom semantic HTML table wrapper using CVA + CSS Modules. Missing displayName on all sub-components, accessibility attributes, and API completeness.
Improvements
6. Normalize type signatures across sub-components
TableHead and TableCell use CVA variants but TableBody and TableRow don't. Inconsistent API surface.
7. Handle text truncation accessibility
Cells use text-overflow: ellipsis which hides content with no tooltip or accessible overflow mechanism.
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)
- Accessibility baseline (#673)
- Add displayName (#676)
Files
packages/raystack/raystack/components/table/
- 主要言語
- TypeScript
- スター
- 70
- フォーク
- 13
- 平均マージ
- 4日 6時間
- マージ済み PR（30日）
- 10
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
raystack/apsara のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 3/5 1〜2日 初心者へのやさしさ 75/100
-
Docs: hand-duplicated props tables drift risk, missing a11y sections, no per-component changelog オープンenhancement global
難易度 4/5 3〜5日 初心者へのやさしさ 48/100
-
bug global
難易度 4/5 3〜5日 初心者へのやさしさ 48/100
raystack/apsara の issue をすべて見る
似ている issue
-
blocklist removal
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
MetaMask/eth-phishing-detect#296544 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
pastelsky/bundlephobia#1122 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
category/development priority/P2 scope/file-operations scope/testing type/enhancement
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100