Using scrollTo method of the dropdown list (menu) in the OptionList component
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Da chiarire
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- frontend
Direzione di ricerca
Inizia con la riproduzione CodeSandbox collegata e segui il modo in cui OptionList viene renderizzato tramite RenderDropdownMenu. Osserva la posizione di scorrimento dopo aver selezionato un'opzione e aver riaperto il menu a discesa o averlo fatto scorrere. Il lavoro è completato quando il ritorno indesiderato segnalato all'elemento selezionato è stato risolto senza perdere il comportamento di scorrimento iniziale previsto.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Hi, I have the following problem with OptionList. I am using the AutoComplete component in the antd library.
The dropdown list uses the optionList from rc-select. I need to scroll to the selected item in the input field when opening the dropdown list.
To do this, I use the useEffect hook when rendering the menu (RenderDropdownMenu), where I access the menu and call scrollTo to the desired index. But the hook is triggered every time the menu is rendered and returns to the selected item.
What can be done about it?
Reproduction:
https://codesandbox.io/p/sandbox/selectscrollto-29x7sc?file=%2Fdemo.tsx%3A130%2C20
- Select "value" in the dropdown
- Try scroll down or up
antd developers couldn't help
thanks
- 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
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di react-component/select
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
react-component/select#1216 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 45/100
react-component/select#1159 ·
-
a11y 问题Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
react-component/select#1087 · 1 reazione ·
-
showSearch 默认值是 false 把Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 25/100
react-component/select#1086 ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 30/100
react-component/select#1082 · 1 commento ·
Tutte le issue di react-component/select
Issue simili
-
bug
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 88/100
StabilityNexus/Fate-EVM-Frontend#153 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
code-yeongyu/oh-my-openagent#9039 ·
I maintainer di solito rispondono entro 1 giorno
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
Tencent/teamai-cli#862 ·
I maintainer di solito rispondono entro 1 giorno
-
bug good first issue hacktoberfest redis
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
libredb/libredb-studio#1164 ·
I maintainer di solito rispondono entro 1 giorno
-
flake
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
I maintainer di solito rispondono entro 1 giorno