algolia / algolia/doc-code-samples
Dropdown Refinementlist closes on change
- 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