Semantic-Org/Semantic-UI-React

Dropdown: clicking outside vs. closing behavior

Aperta

#2080 aperta il 15 set 2017

Vedi su GitHubGuida contributor
 (13 commenti) (1 reazione) (0 assegnatari)JavaScript (4065 fork)batch import
bughelp wanted

Metriche repository

Star
 (13.136 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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

Guida contributor

Direzione di ricerca
Esamina l'implementazione del componente Dropdown, probabilmente in src/modules/Dropdown/Dropdown.js. Il problema riguarda il comportamento di chiusura e la gestione dello stato quando si fa clic all'esterno rispetto alla chiusura programmatica. Guarda i metodi handleClose e handleClickOutside. Il bug sembra essere che la chiusura facendo clic all'esterno attiva un aggiornamento di stato diverso rispetto alla chiusura tramite il meccanismo di chiusura del dropdown stesso. Indaga l'ordine degli aggiornamenti di stato e il ripristino della selezione. Controlla anche i casi di test forniti nell'issue per riprodurre il problema.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60