React-tags: Automatische Auswahl des ersten Vorschlags

Erstellt am 1. Nov. 2016  ·  9Kommentare  ·  Quelle: i-like-robots/react-tags

Ist das aktuell möglich?
Ich denke, es würde in Bezug auf UX helfen. Tippen, eingeben, eingeben, eingeben. Anstatt tippen, runter, eingeben, eingeben, runter, eingeben.

question

Hilfreichster Kommentar

@i-like-robots Gibt es ein Update, wann dies zusammengeführt wird? 🙏

Alle 9 Kommentare

Ich nehme an, es hängt davon ab, ob das Flag allowNew gesetzt ist. Wenn dies möglicherweise falsch ist (es können nur vorgeschlagene Tags ausgewählt werden), wäre das möglicherweise sinnvoll?

Hallo @i-like-robots

Es ist nicht so, wie Sie sagen, ich sehe den Code immer gesetzt selectedIndex = -1

Kann ich eine Änderung durchsetzen, habe ich es geschafft? Da ich möchte, dass das erste Element automatisch ausgewählt wird, ist es für den Benutzer einfacher, das erste Element auszuwählen.

Außerdem ist ein Fix erforderlich, um die TAB-Taste gut zu funktionieren, wenn minQueryLength = 0 ist, auch dies.

Dies ist eine gute Idee, unabhängig davon, ob allowNew ist oder nicht. Wenn der erste Vorschlag automatisch fokussiert wird, können Sie ihn einfach mit der Eingabetaste auswählen, anstatt ihn durch Klicken oder Drücken auszuwählen.

Pull-Request hinzugefügt, bitte sehen Sie sich die Änderungen an.
PR - Auto-Select-First-Item

Ich lese meinen Kommentar noch einmal und erkenne jetzt, warum es keinen Sinn machen würde, wenn allowNew true . Ich würde sagen, dieses Verhalten zu aktivieren ist allowNew ist false aber nicht, wenn es true .

@i-like-robots Gibt es ein Update, wann dies zusammengeführt wird? 🙏

Wir würden uns auch über diese Option für unser Projekt freuen. Gibt es Neuigkeiten, ob sie es in v6 schaffen wird? Wir verwenden derzeit v6 Beta 3

Derzeit auf der Suche nach der gleichen Lösung für das Projekt, an dem wir arbeiten atm. Würde gerne etwas Bewegung zu diesem Thema sehen. :)

Für diejenigen, die einen Workaround suchen:

useEffect(() => {
     if (suggestions.length > 0) {
          // library doesn't auto-select the first item in the list
          inputRef.current.setState({  index: 0 });
     }
     else {
          // if no results, don't want to highlight
          inputRef.current.setState({ index: -1 });
     }
}, [suggestions]);

Wobei Ihr inputRef der Verweis auf Ihr Element ist.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

yrik picture yrik  ·  4Kommentare

famouspotatoes picture famouspotatoes  ·  5Kommentare

williamsidewalk picture williamsidewalk  ·  4Kommentare

luciemac picture luciemac  ·  7Kommentare

V6
i-like-robots picture i-like-robots  ·  11Kommentare