[OverflowMenuItem] itemText cannot put Tooltip component

What package(s) are you using?

"carbon-components": "10.22.0",
"carbon-components-react": "7.22.0",

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you’re having.

Is this issue related to a specific component?

What did you expect to happen? What happened instead? What would you like to see changed?

What browser are you working in?

What version of the Carbon Design System are you using?

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

Steps to reproduce the issue

1. Use OverflowMenu, OverflowMenuItem component in DataTable TableCell.
2. The whole OverflowMenu cannot open anymore.

Sandbox reproduce: https://codesandbox.io/s/overflow-menu-with-tooltip-8iykr?file=/src/index.js

Additional information

• Screenshots or code
• Notes

[tw15egan]

OverflowMenu items that are disabled are not in the tab order, so a keyboard user would not be able to navigate to this item and it would cause an a11y violation. That is why this pattern is not recommended.

[tw15egan]

I don’t believe Tooltip is supported inside of an overflow menu. Overflow menu actions should be short, concise actions that do not need additional information. You could place the tooltip outside of the menu if more information is needed.

Please see this link for more info: https://www.carbondesignsystem.com/components/overflow-menu/usage#formatting