feat(ui): add drag-and-drop file upload to TextAreaField
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 78/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- typescript
- Ambito
- frontend
Direzione di ricerca
Inizia da src/components/ui/TextAreaField.tsx e segui come vengono gestiti il suo valore e onChange. Controlla i test esistenti del componente o quelli delle UI vicine prima di implementare il trascinamento e rilascio con la Browser File API. Il lavoro è concluso quando un file di testo sostituisce il valore e chiama onChange, mentre i file binari o troppo grandi mostrano un errore chiaro senza causare un arresto anomalo.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Description
Allow text files to be dragged into a textarea to populate content without copy/paste or OS clipboard actions.
Requirements
- Support drag-over and drop events on
TextAreaField. - Read file contents as UTF-8 text using the browser File API.
- Show a visual hover state while dragging over the field.
- Limit file size to a reasonable client-side maximum and show a friendly warning when exceeded.
Files to touch
src/components/ui/TextAreaField.tsx
Acceptance criteria
- Dropping a text file replaces the value and calls
onChange. - Binary or oversized files show a clean error banner without crashing.
- 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 85/100
goldi0002/devtoolbox#86 ·
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 77/100
goldi0002/devtoolbox#85 ·
-
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
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
better-auth/better-auth#12132 · 1 reazione ·
I maintainer di solito rispondono entro 1 giorno
-
o8 next debug build aborts on Glass to Dark appearance switch (nil identifier messaged before check)Apertabug
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
hurttlocker/o8#5112 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
webrecorder/wabac.js#386 ·
-
needs-triage
Difficoltà 1/5 1-3 ore Idoneità per principianti 92/100
agent-of-empires/agent-of-empires#5098 · 1 commento · 1 reazione ·
I maintainer di solito rispondono entro 1 giorno