Using scrollTo method of the dropdown list (menu) in the OptionList component
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 35/100
- Tipo de issue
- Bug
- Clareza
- Precisa de esclarecimento
- Status de atividade
- Estagnada
- Stack de tecnologia
- react, typescript
- Domínio
- frontend
Direção de pesquisa
Comece com a reprodução vinculada do CodeSandbox e acompanhe como OptionList é renderizado por meio de RenderDropdownMenu. Observe a posição de rolagem depois de selecionar uma opção e reabrir o menu suspenso ou rolar por ele. Considera-se concluído quando o retorno indesejado relatado ao item selecionado for corrigido sem perder o comportamento inicial de rolagem pretendido.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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
- 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
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de react-component/select
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
react-component/select#1216 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 45/100
react-component/select#1159 ·
-
a11y 问题Aberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 35/100
react-component/select#1087 · 1 reação ·
-
showSearch 默认值是 false 把Aberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 25/100
react-component/select#1086 ·
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 30/100
react-component/select#1082 · 1 comentário ·
Todas as issues de react-component/select
Issues semelhantes
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
rohitg00/agentmemory#1428 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 86/100
boxlite-ai/boxlite#1729 ·
Mantenedores costumam responder em até 1 dia
-
detectors enhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 86/100
SM260845/readme-gen#1 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
angular/angularfire#3774 ·
Mantenedores costumam responder em até 2 dias