[DataTable] OverflowMenu doesn't have keyboard accessible styles

Detailed description

When using an OverflowMenu component inside of a DataTable as highlighted here, the keyboard actions of the OverflowMenu do not work.

Once the menu is open, the user is not able to use their arrow keys to select an OverflowMenuItem option as one would be able to in an OverflowMenu that is not inside of a DataTable because there are no visual indicators of which option is currently active.

It is expected that a user would be able to make a selection inside of an OveflowMenu in a DataTable just using their keyboard.

What version of the Carbon Design System are you using? Version 10

Steps to reproduce the issue

1. Go to sandbox https://codesandbox.io/s/carbon-react-datatable-overflowmenu-a11y-bug-c92rz
2. Using the keyboard only, open any overflow menu on the table
3. Use arrow keys to attempt to select an action
4. Notice that there are no visual indicators of which action is active to be selected

Additional information

Keyboard usage of standalone OverflowMenu

Keyboard usage of OverflowMenu inside of a DataTable

[diego-codes]

Adding the data-floating-menu-primary-focus attribute to the DOM node works! It appears that it is not applied to the menu in the DataTable by default then.

[stale[bot]]

As there’s been no activity since this issue was marked as stale, we are auto-closing it.