enhancement: Add 1-click Clear button (X) inside SearchField
I maintainer di solito rispondono entro 1 giorno
@aryansinha1908 ci sta già lavorando.
Dal 23/10/2026.
Valutazione
Questa issue non è ancora stata valutata.
Descrizione
In src/features/leaderboard/components/search-field.tsx, users can filter developers or countries by typing into the search input. While keyboard users can press Escape to clear, mouse and touch users must manually backspace all characters.
Motivation
A clear button (X) is standard search input UX on desktop and mobile, enabling fast filter reset.
Tasks
- When
value.trim().length > 0, render an icon button withX(fromlucide-react) positioned atend-2.5. - Clicking the button calls
onChange("")and retains focus on the input. - Ensure the shortcut badge
/is hidden when the clear button is shown to avoid visual overlap. - Provide an accessible
aria-labelfor screen readers.
Files to Check
src/features/leaderboard/components/search-field.tsxsrc/locales/en.json&src/locales/ar.json
[!TIP]
🚀 Want to contribute?
Commentassign meto be automatically assigned to this issue via our GitHub Actions bot. Happy coding! ✨
- Lingua principale
- TypeScript
- Stelle
- 31
- Fork
- 25
- Merge medio
- 10h 4m
- PR unite (30g)
- 29
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di O2sa/DevImpact
-
beginner friendly easy enhancement good first issue nextjs ui
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno
-
a11y beginner friendly easy enhancement good first issue ui
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno
-
bug: InsightsList incorrectly favors User 1 when metrics are tiedForse già presa @sarmad-jalil l’ha presa 2 giorni fa. Apertabeginner friendly bug easy good first issue typescript
Difficoltà 2/5 1-3 ore Idoneità per principianti 90/100
O2sa/DevImpact#268 · 2 commenti · 1 assegnatario ·
I maintainer di solito rispondono entro 1 giorno
-
feature: Add custom branded not-found.tsx page for 404 routesForse già presa @sarmad-jalil l’ha presa 2 giorni fa. Apertabeginner friendly easy feature good first issue nextjs ui
O2sa/DevImpact#271 · 2 commenti · 1 assegnatario ·
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di O2sa/DevImpact
Issue simili
-
Plugin: sheet music can't be scrolled by hand before playbackForse già presa @snakajima l’ha presa oggi. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
receptron/jinglescript#51 ·
I maintainer di solito rispondono entro 1 giorno
-
enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
I maintainer di solito rispondono entro 9 giorni
-
clawsweeper:needs-maintainer-review clawsweeper:needs-product-decision clawsweeper:no-new-fix-pr clawsweeper:source-repro impact:ux-friction issue-rating: 🦞 diamond lobster P3
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
openclaw/openclaw#186424 · 1 commento · 1 reazione ·
I maintainer di solito rispondono entro 1 giorno
-
chore(worker): five module header comments describe the code from before later issues changed itApertaarea:dev U2-later
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
bentleypark/aiwatch#1824 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
Pal-AI-Lab/Coopanion#469 ·
I maintainer di solito rispondono entro 1 giorno