Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

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

Aperta
#789 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia riproducendo il CodeSandbox collegato con Select, animation, getPopupContainer e un scrollable container; il report menziona anche tree-select. Non sono indicati file sorgente né test, quindi traccia il posizionamento del popup e il comportamento del clic dal punto di ingresso Select. L'attività è completata quando il menu a discesa topLeft si apre e il suo contenuto è selezionabile dopo lo scorrimento, senza richiedere un secondo clic.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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

Lingua principale
TypeScript
Stelle
938
Fork
482
Merge medio
15h 8m
PR unite (30g)
2

Preparare l'ambiente

Non abbiamo ancora controllato i file di configurazione di questo progetto. Parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di react-component/select

Tutte le issue di react-component/select

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.