[Bug]: DataTable overflowMenuOnHover is broken

[alexandertrefz]

Package

@carbon/react

Browser

Chrome, Safari, Firefox, Edge

Package version

v0.13.0

React version

v17.0.2

Description

###Expected

DataTable sets overflowMenuOnHover to true by default. This should hide OverflowMenus in DataTableRows.

Actual

OverflowMenus are never hidden.

Reason

Documentation is rather poor on this behaviour, but digging through the commit history turned up this commit. Even when .cds--table-column-menu is set on the correct TableCell, the OverflowMenu within it never disappears, because the SVG inside the Button that triggers the Menu is lacking the .cds--overflow-menu__icon class.

CodeSandbox example

https://carbon-react-next.netlify.app/?path=/story/components-datatable-toolbar--with-overflow-menu

Steps to reproduce

Go to https://carbon-react-next.netlify.app/?path=/story/components-datatable-toolbar--with-overflow-menu and note that the overflow menu is always visible, not just on hover.

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems