Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Can't click dropdown when the placement is topLeft and in a scrollable area

Aberta
#789 1 comentário 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
35/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
react, typescript
Domínio
frontend

Direção de pesquisa

Comece reproduzindo o CodeSandbox vinculado com Select, animation, getPopupContainer e um scrollable container; o relatório também menciona tree-select. Nenhum arquivo-fonte ou teste é indicado, portanto rastreie o posicionamento do popup e o comportamento do clique a partir do ponto de entrada do Select. A tarefa estará concluída quando o dropdown topLeft abrir e seu conteúdo puder ser clicado após a rolagem, sem exigir um segundo clique.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

Description

You can't click dropdown when the dropdown shows up at top in a scrollable area.
image

Reproduction

  • Put <Select> in a scrollable area (container)
  • Set its getPopupContainer as this container
  • Add animation to <Select>
  • Scroll it to the container's bottom
  • Click input box to show dropdown (You need to click twice, another bug)
  • You can't click the content in the dropdown

Here is an online demo
https://codesandbox.io/s/gallant-shtern-r88m4d?file=/src/App.tsx

Other information

Also in tree-select

Linguagem predominante
TypeScript
Estrelas
938
Forks
482
Merge médio
15h 8min
PRs com merge (30d)
2

Preparar o ambiente

Ainda não verificamos os arquivos de configuração deste projeto. Comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de react-component/select

Todas as issues de react-component/select

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.