Leaving OverflowMenu open, onclick of action item. Menu should get closed when clicked outside overflowmenu.

[Ankita-Jaiswal]

We are using DataTable with Toolbar Menu. This menu is basically action items to hide/show columns(achieved through checkbox for each column )and column reordering. So every time, click on the checkbox or arrow up/down to reorder column...it closes the overflow menu. Is there any way to keep this overflow menu open and close it only when the user clicks outside overflow menu

[tay1orjones]

@Ankita-Jaiswal Yes, OverflowMenu accepts an open prop to control the open state and also provides an onOpen callback so you can keep track of the open state and control or override open as necessary for your use case.

carbon/packages/react/src/components/OverflowMenu/OverflowMenu.js

Lines 204 to 212 in 9db9b14

	/**
	* Function called when menu is opened
	*/
	onOpen: PropTypes.func,
	/**
	* `true` if the menu should be open.
	*/
	open: PropTypes.bool,

[Ankita-Jaiswal]

@tay1orjones , its Data table toolbar menu. However, i have tried using open/onOpen/onclick etc, yet on click of action items it's closed and if inspect element, you will observe, that node is removed immediately

[tay1orjones]

@Ankita-Jaiswal You'll need to override the closeMenu function on TableToolbarAction. Here's an example.