Multiselection - remove filter value on item selection (#2338)

folio-org · Aug 19, 2024 · 0ccd65a · 0ccd65a
1 parent 640bbc4
commit 0ccd65a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -33,6 +33,7 @@
 * Expose `aria-label` for SearchField Index `<Select>`. Refs STCOM-1329.
 * `<FilterAccordionHeader>` - move focus to accordion header after clear button is pressed. Refs STCOM-1330.
 * Remove `tabIndex="-1"` from `<Datepicker>`'s clear button, placing it in tab order. Refs STCOM-1322.
+* `<MultiSelection>` Bugfix - remove filter value after an item is selected. Refs STCOM-1324.
 
 ## [12.1.0](https://github.com/folio-org/stripes-components/tree/v12.1.0) (2024-03-12)
 [Full Changelog](https://github.com/folio-org/stripes-components/compare/v12.0.0...v12.1.0)

diff --git a/lib/MultiSelection/MultiSelection.js b/lib/MultiSelection/MultiSelection.js
@@ -249,6 +249,7 @@ const MultiSelection = ({
               addSelectedItem,
               onAdd
             );
+            setFilterValue('');
           }
           break;
         default:

diff --git a/lib/MultiSelection/tests/MultiSelection-test.js b/lib/MultiSelection/tests/MultiSelection-test.js
@@ -232,6 +232,8 @@ describe('MultiSelect', () => {
             multiselection.has({ selectedCount: 1 });
             OptionInteractor({ selected: [`${listOptions[5].label}`] });
           });
+
+          it('empties the filter field', () => multiselection.has({ filterValue: '' }));
         });
 
         describe('No options available after filtering', () => {