OverflowMenuItem, used inside a Modal appears behind the Modal

[sj-rai]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

When an overflow menu is used inside the modal, the menu options render behind the modal.

Issue is related to Modal, OverflowMenu components

The modal has a z-index of 9000, and the overflow menu item has a z-index of 6000, this is causing the overflow menu option to display behind the modal.

Chrome

Tried with version carbon-components-react 7.33.0, 7.35.0

Additional information

• Screenshots or code

• Notes

I found this issue, #6753, which is a similar issue, but for tooltip instead of overflow menu options.

This was fixed in #6757, I can create a similar fix and create a PR.