diff --git a/src/components/SearchFiltersMobile/SearchFiltersMobile.js b/src/components/SearchFiltersMobile/SearchFiltersMobile.js index 139e49fa..ff39eb6f 100644 --- a/src/components/SearchFiltersMobile/SearchFiltersMobile.js +++ b/src/components/SearchFiltersMobile/SearchFiltersMobile.js @@ -93,12 +93,17 @@ class SearchFiltersMobileComponent extends Component { const customAttribute = 'category'; // Reset all filter query parameters - const resetAll = () => { + const resetAll = (e) => { const caParam = `ca_${customAttribute}`; const queryParams = omit(urlQueryParams, caParam); history.push( createResourceLocatorString('SearchPage', routeConfiguration(), {}, queryParams) ); + + // blur event target if event is passed + if (e && e.currentTarget) { + e.currentTarget.blur(); + } }; const classes = classNames(rootClassName || css.root, className); @@ -139,7 +144,7 @@ class SearchFiltersMobileComponent extends Component { >
{filtersHeading} -
diff --git a/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.js b/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.js index 2bccb3d4..8668f545 100644 --- a/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.js +++ b/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.js @@ -10,26 +10,33 @@ class SelectSingleFilterMobileComponent extends Component { constructor(props) { super(props); this.state = { isOpen: true }; + this.selectOption = this.selectOption.bind(this); + this.toggleIsOpen = this.toggleIsOpen.bind(this); } + selectOption(option, e) { + const { customAttribute, onSelect } = this.props; + onSelect(customAttribute, option); + + // blur event target if event is passed + if (e && e.currentTarget) { + e.currentTarget.blur(); + } + }; + + toggleIsOpen() { + this.setState({ isOpen: !this.state.isOpen }); + }; + render() { const { rootClassName, className, customAttribute, urlQueryParams, - onSelect, intl, } = this.props; - const selectOption = option => { - onSelect(customAttribute, option); - }; - - const toggleIsOpen = () => { - this.setState({ isOpen: !this.state.isOpen }); - }; - const filterLabel = intl.formatMessage({ id: `SelectSingleFilterMobile.${customAttribute}.label`, }); @@ -51,10 +58,10 @@ class SelectSingleFilterMobileComponent extends Component { return (
- -
@@ -65,7 +72,7 @@ class SelectSingleFilterMobileComponent extends Component { // menu item border class const optionBorderClass = selected ? css.optionBorderSelected : css.optionBorder; return ( -