Cursor Jumps to end of input after component is remounted
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Da chiarire
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- frontend
Direzione di ricerca
Inizia riproducendo il comportamento nell’esempio di Form della documentazione di mr-ui con Form e ControlText, quindi esamina le loro implementazioni e gli utilizzi reali di Form. Il lavoro è completato quando si determina se il remount causa il salto del cursore e si documenta il comportamento osservato oppure si definisce il fix necessario.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Recently this bug came up when using Form with ControlText in what-the-tile:
- User enters text into the inpute
- User presses enter (form submits, app handles updated input value and does things)
- User wants to change the value of the input, places cursor in the middle of the string in the input.
- User types a character, it appears in the correct place, but the cursor immediately jumps to the end of the input and subsequent characters are typed there.
This is known behavior in react when a controlled input re-mounts: https://stackoverflow.com/questions/45199687/react-input-cursor-moves-to-the-end-after-update
We can see the same behavior in the mr-ui docs example of Form: https://mapbox.github.io/mr-ui/#form
We didn't have a good reason to be using Form so just used ControlText directly to get around this, but I wanted to open an issue to document it in case it comes up again. It might be worth checking places that are implementing Form to see how it behaves in the real world.
- Lingua principale
- TypeScript
- Stelle
- 90
- Fork
- 5
- Merge medio
- 1g 2h
- PR unite (30g)
- 1
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 mapbox/mr-ui
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 25/100
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 45/100
-
bug
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
-
estimate-2 jira-sync-complete
Difficoltà 2/5 1-3 ore Idoneità per principianti 38/100
Tutte le issue di mapbox/mr-ui
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
I maintainer di solito rispondono entro 1 giorno
-
needs triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
homarr-labs/homarr#7191 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
AvaProtocol/ava-sdk-js#276 ·
I maintainer di solito rispondono entro 1 giorno
-
useFragment does not require `variables` when the fragment's variables type has required fieldsAperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
apollographql/apollo-client#13493 ·
I maintainer di solito rispondono entro 1 giorno