Align Submenu Height with Parent Menu Height

[spacexengineer]

Hello,

I'm trying to get a submenu to have its height begin/align with the parent menu like the second screenshot below instead of having the submenu align next to the menu item as we see in the current radix menu demo, first screenshot.

I do see that there is a portal container from the docs but I haven't found a way to get this to align correctly. Ideally, these 2 menus could have the same parent container div so that it'd be easier to align the height.

Demo menu as the height starts at the menu item:

Desired height, submenu same as the parent menu:

Thanks!

[spacexengineer]

ah, I see @jjenzz mentioned here "the container prop is purely for more control over positioning/styling".

Is there an item on the roadmap that may enable a solution for handling the styling need here?

[andy-hook]

That's correct, the container prop is for managing the dom position of portalled elements. You can render the content inline next to the trigger by omitting the Portal part. There's no native way to remove the popper positioning but it could be hacked by overriding the rendered styles on data-radix-popper-content-wrapper but we don't officially support that.

Is there an item on the roadmap that may enable a solution for handling the styling need here?

Not at the moment I'm afraid, though we keep an eye on use cases as they are requested.