Semantic-Org/Semantic-UI-React

Dropdown: clicking outside vs. closing behavior

Open

#2.080 aberto em 15 de set. de 2017

Ver no GitHub
 (13 comments) (1 reaction) (0 assignees)JavaScript (4.065 forks)batch import
bughelp wanted

Métricas do repositório

Stars
 (13.136 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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

Guia do colaborador

Direção de pesquisa
Examine a implementação do componente Dropdown, provavelmente em src/modules/Dropdown/Dropdown.js. O problema envolve o comportamento de fechamento e o gerenciamento de estado ao clicar fora versus fechamento programático. Olhe os métodos handleClose e handleClickOutside. O bug parece ser que fechar clicando fora aciona uma atualização de estado diferente do fechamento via mecanismo de fechamento próprio do dropdown. Investigue a ordem das atualizações de estado e a redefinição da seleção. Verifique também os casos de teste fornecidos na issue para reproduzir.
Pilha de tecnologia
javascriptreact
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60