[Bug]: Attached menu not visible on top layer

[misiekhardcore]

Package

@carbon/react

Browser

Chrome

Package version

1.38.0

React version

17.0.2

Description

Menu rendered for components like MenuButton are not visible when used on full screen (fullscreen handled with top layer with for example react-full-screen package).

Reproduction/example

https://stackblitz.com/edit/menu-full-screen-bug?file=src%2FApp.jsx

Steps to reproduce

Just click the fullscreen button and then the menu button. In full screen the menu is not visible cause it is attached to document.body and the fullscreen is using top layer which is rendered above everything else. Unfortunately stackblitz is blocking usage of full screen

Suggested Severity

None

Application/PAL

No response

Code of Conduct

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