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

DataView: forward align on Filters/DisplayControls, and let Search control its leading icon

Aperta
#848 0 commenti 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
68/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
react, typescript
Ambito
design, frontend

Direzione di ricerca

Individua le implementazioni di DataView.Filters, DataView.DisplayControls e DataView.Search, quindi esamina le definizioni sottostanti delle props di Menu.Content, Popover.Content e base Search/Input. Inoltra le props di posizionamento e leading-icon richieste, mantenendo i valori predefiniti attuali, e verifica il comportamento dei componenti con la configurazione di test esistente.

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

Descrizione

Summary

Two DataView controls hard-code a positioning / rendering detail and expose no prop to change it, even though the underlying primitive already supports it.

  1. DataView.Filters and DataView.DisplayControls — popup alignment is fixed.
  2. DataView.Search — the leading magnifier icon can't be removed or replaced.

1. Forward align on Filters and DisplayControls

  • DataView.DisplayControls exposes trigger + hideViewSwitcher/hideOrdering/hideGrouping/hideDisplayProperties, but no align.
  • DataView.Filters exposes trigger + classNames, but no align.

The underlying Menu.Content / Popover.Content already extend Base UI's Positioner.Props and accept align / side / sideOffset; these controls just don't forward them.

Request: expose align (and ideally side / sideOffset) on both DataView.Filters and DataView.DisplayControls, forwarding to the underlying menu / popover. Default to today's behavior. Base UI's Positioner already handles collision flip/shift, so this is prop-forwarding only.

2. Let Search control its leading icon

DataView.Search extends the base Search, whose props are Omit<InputProps, 'leadingIcon'>. The base Input accepts leadingIcon, but Search removes it and hard-codes a magnifier, with no supported way to hide or replace it.

Request: re-expose leadingIcon on Search (settable to a custom node or null), or add a showSearchIcon={false} / hideIcon flag. Default keeps the magnifier.

Willing to contribute

Happy to open a PR if the approach looks right.

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.