Sub-menus don't appear if used in a modal dialog

[frumbert]

Description
When embedding inside a element that is modal, the drop-downs are rendered underneath the dialog element.

After closing the modal, menu elements are left pinned to the body and don't vanish.

Reproduction

Steps
To reproduce the behavior:

Problem has been reproduced in jsfiddle.

https://jsfiddle.net/Lvkr86ux/

Expectation
Drop-downs should be within the container or at least at the same dom level, not at body root. Need to be able to trigger a cleanup / teardown event during dialog close to ensure no extra elements pollute the dom.

Environment

• Wysimark Version:latest
• Operating System:macos 15.4
• Browser: chrome,safari,edge
• TypeScript Version:n/a

Context

[eldyvoon]

@frumbert what's your solution for this? use another editor?

[frumbert]

@eldyvoon I tried to figure out how to fix this in the source but the code is a bit of a dumpsterfire, like most react projects, and I couldn't make it work (the code is neither self-explanatory nor internally documented). I since switched out, hoping to come back if it gets fixed. But it's been a couple of years since the last commit, so I'm not holding my breath.