React-tags: Sélection automatique de la première suggestion

Créé le 1 nov. 2016  ·  9Commentaires  ·  Source: i-like-robots/react-tags

Est-ce possible actuellement ?
Je pense que cela aiderait en termes d'UX. Tapez, entrez, tapez, entrez. Plutôt que de taper, bas, entrez, tapez, bas, entrez.

question

Commentaire le plus utile

@i-like-robots une mise à jour sur le moment où cela sera fusionné? ??

Tous les 9 commentaires

Je suppose que cela dépend si le drapeau allowNew est défini, peut-être quand c'est faux (seules les balises suggérées peuvent être sélectionnées) cela aurait du sens?

Salut @i-like-robots

ce n'est pas comme vous le dites, je vois que le code est toujours défini selectedIndex = -1

Puis-je pousser un changement, je l'ai fait fonctionner ? puisque je veux que le premier élément soit sélectionné automatiquement, il sera donc plus facile pour l'utilisateur de sélectionner en cas de premier élément.

il existe également un correctif requis pour bien utiliser la touche TAB, lorsque minQueryLength = 0, cela aussi.

C'est une bonne idée, que allowNew soit défini ou non, avoir la première suggestion ciblée automatiquement signifie que vous pouvez simplement appuyer sur Entrée pour la sélectionner, plutôt que de cliquer ou d'avoir à appuyer pour la sélectionner.

demande d'extraction ajoutée, veuillez regarder les changements.
PR - sélection automatique du premier élément

Relisez mon commentaire et réalisez maintenant pourquoi cela n'aurait aucun sens si allowNew était true . Je dirais que l'activation de ce comportement est allowNew est false mais pas si c'est true .

@i-like-robots une mise à jour sur le moment où cela sera fusionné? ??

Nous adorerions également cette option pour notre projet, des nouvelles si elle le fera en v6 ? Nous utilisons actuellement la v6 beta 3

Actuellement à la recherche de la même solution pour le projet sur lequel nous travaillons atm. J'adorerais voir du mouvement sur cette question. :)

Pour ceux qui veulent une solution de contournement :

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]);

Où votre inputRef est la référence de votre élément.

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

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

famouspotatoes picture famouspotatoes  ·  5Commentaires

ekinalcar picture ekinalcar  ·  10Commentaires

yrik picture yrik  ·  4Commentaires

jraack picture jraack  ·  6Commentaires