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 (
-
+
{filterLabel}
- selectOption(null)}>
+ this.selectOption(null, e)} onBlur={() => console.log('button onBlur')}>
@@ -65,7 +72,7 @@ class SelectSingleFilterMobileComponent extends Component {
// menu item border class
const optionBorderClass = selected ? css.optionBorderSelected : css.optionBorder;
return (
-
selectOption(v)}>
+ this.selectOption(v)}>