moroshko/react-autosuggest

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

Open

#403 geöffnet am 12. Juli 2017

Auf GitHub ansehen
 (7 Kommentare) (4 Reaktionen) (0 zugewiesene Personen)JavaScript (637 Forks)batch import
bughelp wanted

Repository-Metriken

Stars
 (5.936 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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.

Contributor Guide

Research-Richtung
Untersuchen Sie die Autosuggest Komponente im Repository, wahrscheinlich in src/Autosuggest.js oder ähnlich. Das Problem mit der Cursorposition betrifft die Verwaltung des Eingabewerts in React gesteuerten Komponenten. Suchen Sie nach der Behandlung von selectionStart und selectionEnd der Eingabe nach setState. Prüfen Sie, ob es ein bekanntes Muster gibt, um die Cursorposition beizubehalten, z. B. die Verwendung einer Ref und das manuelle Setzen von selectionStart nach dem Rendern. Überprüfen Sie außerdem verknüpfte PRs oder Kommentare auf versuchte Lösungen oder Eingaben des Maintainers. Die Korrektur sollte sicherstellen, dass der Cursor bei einer Wertaktualisierung an der vom Benutzer beabsichtigten Position bleibt, anstatt am Ende zurückgesetzt zu werden.
Tech Stack
javascriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65