diff --git a/src/components/OverflowMenu/OverflowMenu.js b/src/components/OverflowMenu/OverflowMenu.js
index fcc1205e2d..d31b3fa168 100644
--- a/src/components/OverflowMenu/OverflowMenu.js
+++ b/src/components/OverflowMenu/OverflowMenu.js
@@ -388,8 +388,10 @@ export default class OverflowMenu extends Component {
};
handleClick = evt => {
- this.setState({ open: !this.state.open });
- this.props.onClick(evt);
+ if (!this._menuBody || !this._menuBody.contains(evt.target)) {
+ this.setState({ open: !this.state.open });
+ this.props.onClick(evt);
+ }
};
handleKeyDown = evt => {
diff --git a/src/components/Toolbar/Toolbar-story.js b/src/components/Toolbar/Toolbar-story.js
index 58fee9ca5e..fc206b9497 100644
--- a/src/components/Toolbar/Toolbar-story.js
+++ b/src/components/Toolbar/Toolbar-story.js
@@ -8,7 +8,6 @@
import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
-
import { iconFilter } from 'carbon-icons';
import Toolbar, {
ToolbarItem,
@@ -25,7 +24,7 @@ const toolbarProps = {
className: 'some-class',
};
-const checkboxEvents = {
+const inputProps = {
className: 'some-class',
onChange: action('onChange'),
};
@@ -39,25 +38,13 @@ storiesOf('Toolbar', module).add(
-
+
-
+
-
+
@@ -68,6 +55,7 @@ storiesOf('Toolbar', module).add(