feat(ui): add "Clear Input" button to TextAreaField and TextInputField
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 77/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- typescript
- Ambito
- accessibility, frontend
Direzione di ricerca
Inizia da src/components/ui/TextAreaField.tsx e src/components/ui/TextInputField.tsx per vedere come i campi gestiscono valore, focus, stile ed etichette accessibili. Implementa il pulsante opzionale per cancellare in entrambi i componenti, poi verifica che compaia solo quando i campi non sono vuoti, cancelli il contenuto e ripristini il focus, supporti la navigazione da tastiera e mantenga stabili i layout esistenti.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Description
Add an optional clear button to text inputs so users can quickly reset a field without manually selecting all contents.
Requirements
- Add a
showClearButtonoption or auto-show behavior toTextAreaFieldandTextInputField. - Clear the input and restore focus after click.
- Use a native button with
type="button"and an accessible label. - Match the theme styling and support keyboard navigation.
Files to touch
src/components/ui/TextAreaField.tsxsrc/components/ui/TextInputField.tsx
Acceptance criteria
- The clear button only appears when there is text.
- Keyboard tab order and screen-reader announcement work correctly.
- Existing layouts remain stable.
- Lingua principale
- TypeScript
- Stelle
- 1
- Fork
- 3
- Merge medio
- 2h 50m
- PR unite (30g)
- 3
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Nessun 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 goldi0002/devtoolbox
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
goldi0002/devtoolbox#94 ·
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
goldi0002/devtoolbox#87 ·
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
goldi0002/devtoolbox#86 ·
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
goldi0002/devtoolbox#81 ·
-
good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 77/100
goldi0002/devtoolbox#72 ·
Tutte le issue di goldi0002/devtoolbox
Issue simili
-
Add: Disco Mix SDApertacheck:passed streams:add
Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100
I maintainer di solito rispondono entro 1 giorno
-
level2 nsoc26
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
GauravKarakoti/SecureFlow#1488 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
deltachat/deltachat-desktop#6914 ·
I maintainer di solito rispondono entro 2 giorni
-
area:cli bug P4
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno
-
bug from-studio
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
esengine/DeepSeek-Reasonix#14868 ·
I maintainer di solito rispondono entro 1 giorno