algolia / algolia/doc-code-samples
Dropdown Refinementlist closes on change
- Lenguaje dominante
- TypeScript
- Estrellas
- 99
- Forks
- 122
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
### 🐛 Current behavior
// Creation of the refinementListDropdown widget
const CulinaryCatsDropdown = createDropdown(
instantsearch.widgets.refinementList,
{ closeOnChange: false }
);
does not avoid the dropdown to close when the user clicks an item in the list.
### 🔍 Steps to reproduce
Go to tha attached codesandbox url, and start the search with 'test' as a value for the searchbox.
Then, open the dropdown and click an item: the dropdown closes even if closeOnChange :false has been defined.
### Live reproduction
https://codesandbox.io/s/keen-lake-pp46dw
### 💭 Expected behavior
The dropdown should remain open after the user clicks on a list item, if closeOnChange = false
### Package version
latest instantsearch.js 4.52.0 and algoliasearch 4.15.0
### Operating system
macOS
### Browser
Chrome
### Code of Conduct
- [X] I agree to follow this project's Code of Conduct
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Línea de trabajo
Comienza con el CodeSandbox enlazado y la configuración del menú desplegable de refinementList, reproduciendo el comportamiento con el valor de búsqueda “test.”. Rastrea el manejo del cambio del menú desplegable y verifica que establecer closeOnChange en false lo mantenga abierto después de seleccionar un elemento; estará hecho cuando la reproducción se comporte como se espera y la regresión relevante esté cubierta.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- typescript
- Área
- frontend
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 38/100