React-tags: Perte de l'autofocus sur l'entrée après la suppression de la balise

supprimer le pays de la balise

En appuyant sur retour arrière lorsque l'entrée est vide ou en cliquant sur la balise ?

désolé, c'est en appuyant sur le bouton de fermeture sur l'étiquette. Lorsque je le supprime avec retour arrière, la mise au point automatique est là

Merci pour l'info supplémentaire @ekinalcar.

Parce que l'élément avec le focus est en train d'être détruit, je suppose que le focus reviendra par défaut à la fenêtre... pas idéal ! Je suppose que nous devrons enregistrer d'où vient le focus lors de l'atterrissage sur l'étiquette et y retourner une fois retiré.

Merci pour votre réponse rapide @i-like-robots

Sur l'événement delete avec retour arrière, même si l'entrée est vide (sans balises) le focus est sur la même entrée au lieu de la fenêtre

Salut @ekinalcar - J'ai pu recréer cela. J'ai constaté qu'avec une souris, Firefox et Safari fonctionnent de manière cohérente comme prévu, mais dans Chrome, le focus du curseur est parfois perdu, même si l'événement de clic est capturé.

Cependant, le focus est toujours perdu lorsque l'on utilise un clavier et que l'on « clique » sur les balises en appuyant sur la barre d'espacement ce qui n'est certainement pas prévu. Espérons que la résolution de cela résoudra également le problème intermittent dans Chrome.

Y a-t-il un moyen de rendre cela facultatif ? J'ai un comportement indésirable qui se déclenche lors de la suppression d'une balise, donc je ne veux pas toujours que l'entrée revienne au focus.

Pourriez-vous décrire votre cas d'utilisation @krozett ? Je suis sûr qu'il existe de meilleures solutions que celles que j'ai mises en œuvre actuellement, mais je pense qu'il est important que le curseur soit utile _quelque part_. Peut-être pourrais-je ajouter une condition qui permettrait de repositionner le curseur dans le rappel handleDelete/onDelete .

@i-like-robots Ce serait peut-être mieux si je créais un ticket de demande de fonctionnalité pour cela. Mais fondamentalement, j'ai un comportement spécifique aux appareils mobiles, où un utilisateur appuie sur une entrée et j'utilise une superposition pour tout masquer sauf cette entrée, pour laisser de l'espace à l'écran pour le clavier et des suggestions de saisie semi-automatique. Lorsqu'aucun élément n'est focalisé, l'intégralité du formulaire est visible. Mais lors de la suppression d'une balise, je ne veux pas que l'entrée soit mise au point automatiquement, car il est probable que l'utilisateur souhaite uniquement supprimer la balise et n'a pas l'intention de continuer à taper dans le champ de recherche. L'autofocus fait revenir l'entrée en mode "domination d'écran", ce que je ne veux pas. Seule une concentration intentionnelle devrait le faire.

Cela a du sens @krozett - une meilleure solution serait peut-être d'enregistrer d'où vient le focus (sur focusin ) et d'y retourner le curseur lorsque la balise est supprimée 🤔

@i-like-robots En tout cas, je suis sûr que la v6 arrive bientôt, alors peut-être que je devrais d'abord examiner le comportement de cela pour voir si l'un de ses gestionnaires d'événements fera ce dont j'ai besoin. ??