Bug - ContextSubMenuItem - Dropdown menu not being displayed correctly

[logonoff]

Describe the problem
A clear and concise description of the problem. Which components are affected?

How do you reproduce the problem?
Provide steps to reproduce. A codesandbox demonstrating the problem is appreciated.

Nest a ContextSubMenuItem inside of a ContextMenu:

export const UncontrolledContextMenu = () => (
  <>
    <p>Dismiss the context menu by pressing `ESC` or clicking away.</p>
    <ContextMenu reference={{ x: 350, y: 250 }}>
      <ContextSubMenuItem label="parent">
        <DropdownItem label="a">a</DropdownItem>
        <DropdownItem label="a">b</DropdownItem>
      </ContextSubMenuItem>
    </ContextMenu>
  </>
);

Expected behavior
A clear and concise description of the expected behavior.

The ContextSubMenuItem dropdown menu shows up next to the already open one

Is this issue blocking you?
List the workaround if there is one.

yes. no workaround found just yet

Screenshots
If applicable, add screenshots to help explain the issue.

Screencast.From.2025-02-03.16-57-40.mp4

What is your environment?

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Fedora 41, Firefox 134.0.2

What is your product and what release date are you targeting?
OCP Console 4.19

Any other information?
The ContainerNode for the popper is not being set correctly, so it defaults to document.body, which probably explains this bug