moroshko/react-autosuggest

Input field caret position always resets to the end of the input

Open

#403 aperta il 12 lug 2017

Vedi su GitHub
 (7 commenti) (4 reazioni) (0 assegnatari)JavaScript (637 fork)batch import
bughelp wanted

Metriche repository

Star
 (5936 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

The bug is testable with the Scrollable container example on http://react-autosuggest.js.org/

To reproduce:

  1. Focus on the input field
  2. Type ac
  3. Place the caret between a and c
  4. Type b

Observed behavior:

The caret jumps to the end.

Expected behavior:

The caret should stay between b and c.

Guida contributor

Direzione di ricerca
Esamina il componente Autosuggest nel repository, probabilmente in src/Autosuggest.js o simile. Il problema della posizione del cursore è legato a come il valore di input viene gestito nei componenti controllati di React. Cerca come vengono gestiti selectionStart e selectionEnd dell'input dopo setState. Controlla se esiste un pattern noto per preservare la posizione del cursore, come utilizzare un ref e impostare manualmente selectionStart dopo il render. Inoltre, rivedi eventuali PR o commenti collegati per soluzioni tentate o input del maintainer. La correzione dovrebbe garantire che quando il valore viene aggiornato, il cursore rimanga nella posizione prevista dall'utente anziché essere ripristinato alla fine.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65