Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[Table] Normalize type signatures and fix sub-pixel border

Aperta
#642 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
48/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
react, typescript

Direzione di ricerca

Inizia in packages/raystack/raystack/components/table/ e ispeziona le firme dei tipi di TableHead, TableCell, TableBody e TableRow, in particolare il loro utilizzo di CVA. Poi traccia il modo in cui le celle applicano text-overflow: ellipsis e verifica l’attuale comportamento del componente in termini di accessibilità. Il lavoro è completato quando i sottocomponenti espongono un’API coerente e il contenuto troncato delle celle dispone di un meccanismo accessibile per l’overflow.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

component triage

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/
Lingua principale
TypeScript
Stelle
70
Fork
13
Merge medio
4g 6h
PR unite (30g)
10

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di raystack/apsara

Tutte le issue di raystack/apsara

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.