algolia / algolia/doc-code-samples

Dropdown Refinementlist closes on change

オープン
#444 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
99
フォーク
122
PR マージ指標
30日以内にマージされた PR はありません

説明

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

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

リンクされたCodeSandboxとrefinementListのドロップダウン設定から始め、検索値“test.”で動作を再現します。ドロップダウンの変更処理を追跡し、closeOnChangeをfalseに設定すると項目の選択後も開いたままになることを確認します。再現が期待どおりに動作し、関連する回帰がカバーされれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。