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(