algolia / algolia/doc-code-samples

Dropdown Refinementlist closes on change

Offen
#444 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
99
Forks
122
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

### 🐛 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

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Beginne mit der verknüpften CodeSandbox und der Konfiguration des refinementList-Dropdowns, indem du das Verhalten mit dem Suchwert “test.” reproduzierst. Verfolge die Verarbeitung der Dropdown-Änderung und überprüfe, dass das Setzen von closeOnChange auf false das Dropdown nach der Auswahl eines Elements geöffnet hält; abgeschlossen, wenn die Reproduktion erwartungsgemäß funktioniert und die relevante Regression abgedeckt ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
38/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.