Semantic-Org/Semantic-UI-React

Dropdown: clicking outside vs. closing behavior

Open

#2 080 ouverte le 15 sept. 2017

Voir sur GitHub
 (13 commentaires) (1 réaction) (0 assignés)JavaScript (4 065 forks)batch import
bughelp wanted

Métriques du dépôt

Stars
 (13 136 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

Issue 1

  • Steps: Click on the dropdown then outside.
  • Expected Result: No option selected. Works if we close instead of clicking outside.
  • Actual Result: First option selected.

Issue 2

  • Steps: Select Item B then search for Item D (no results). Close dropdown (do not click outside).
  • Expected Result: Item B displayed.
  • Actual Result: Item D displayed. Item B is displayed back if we click outside instead.

Issue 3

  • Steps: Select Item B then search for Item D (no results). Click outside, open the dropdown and click outside once more.
  • Expected Result: Item B selected.
  • Actual Result: Item A selected.

Version

0.73.0

Testcases

https://codepen.io/anon/pen/JrdwxW

Guide contributeur

Direction de recherche
Examinez l'implémentation du composant Dropdown, probablement dans src/modules/Dropdown/Dropdown.js. Le problème concerne le comportement de fermeture et la gestion d'état lors d'un clic à l'extérieur par rapport à une fermeture programmatique. Regardez les méthodes handleClose et handleClickOutside. Le bug semble être que la fermeture en cliquant à l'extérieur déclenche une mise à jour d'état différente de la fermeture via le mécanisme de fermeture propre au menu déroulant. Étudiez l'ordre des mises à jour d'état et la réinitialisation de la sélection. Vérifiez également les cas de test fournis dans l'issue pour reproduire.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60