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