algolia / algolia/doc-code-samples

Dropdown Refinementlist closes on change

Abierto
#444 1 comentario 0 reacciones 0 asignados Ver en GitHub
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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.