Menu items clipped by enclosing panel


When using a menu widget inside a panel, the items are clipped to the the panel area:


when using a dropdown, they are not:


Is it possible to have the menu behave like the dropdown?


You can circumvent this by adding the following css to the panel:

contain: unset;

It’s not set this way by default because it doesn’t work well in some situations.


it works but yes, it is looks kind of strange because I have 2 nested panels… I’ll keep a dropdown for now, but thanks for the tip!