Using scrollTo method of the dropdown list (menu) in the OptionList component
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza con la reproducción vinculada de CodeSandbox y sigue cómo se renderiza OptionList a través de RenderDropdownMenu. Observa la posición de desplazamiento después de seleccionar una opción y volver a abrir el menú desplegable o desplazarte por él. Se considera terminado cuando se haya corregido el regreso no deseado al elemento seleccionado sin perder el comportamiento de desplazamiento inicial previsto.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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
- Lenguaje dominante
- TypeScript
- Estrellas
- 939
- Forks
- 480
- Merge medio
- 3 h 37 min
- PR fusionados (30 d)
- 1
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/select
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
react-component/select#1216 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
react-component/select#1159 ·
-
a11y 问题Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/select#1087 · 1 reacción ·
-
showSearch 默认值是 false 把Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
react-component/select#1086 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 30/100
react-component/select#1082 · 1 comentario ·
Todos los issues de react-component/select
Issues similares
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
AOSSIE-Org/DebateAI#611 ·
Los mantenedores suelen responder en 3 días
-
Upgrade node-libzim to 4.7.0Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
openzim/mwoffliner#2933 ·
Los mantenedores suelen responder en 1 día
-
Use the README category name for website links and submissionsPosiblemente ocupada @dajiaohuang la tomó hoy. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
birobirobiro/awesome-shadcn-ui#647 ·
Los mantenedores suelen responder en 2 días
-
Twake Drive picker: closePicker() never destroys the intent (stop() is on the promise returned by start(), not by create())Posiblemente ocupada @chibenwa la tomó hoy. Abiertoclaude
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
linagora/twake-calendar-frontend#1498 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Add: Valea Prahovei TV RO SDAbiertocheck:passed streams:add
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día