moroshko/react-autosuggest

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

Open

#403 aberto em 12 de jul. de 2017

Ver no GitHub
 (7 comments) (4 reactions) (0 assignees)JavaScript (637 forks)batch import
bughelp wanted

Métricas do repositório

Stars
 (5.936 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

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.

Guia do colaborador

Direção de pesquisa
Examine o componente Autosuggest no repositório, provavelmente em src/Autosuggest.js ou similar. O problema da posição do cursor está relacionado a como o valor de entrada é gerenciado em componentes controlados do React. Procure como selectionStart e selectionEnd da entrada são tratados após setState. Verifique se há um padrão conhecido para preservar a posição do cursor, como usar uma ref e definir manualmente selectionStart após a renderização. Além disso, revise quaisquer PRs ou comentários vinculados para soluções tentadas ou contribuições do mantenedor. A correção deve garantir que, quando o valor for atualizado, o cursor permaneça na posição pretendida pelo usuário, em vez de ser redefinido para o final.
Pilha de tecnologia
javascriptreact
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitReact
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65