asked on May 6, 2021
Hello,
having a pivot within a fixed container, if the user right click on a cell at the bottom of the table the context menu is clipped if it is bigger than available space.
Check it out here: https://jsfiddle.net/52bh0vut/1/ (right click on cars total sum).
Is there a way to make the context menu display completely, without clipping?
Regards,
Massimo
⋅ May 7, 2021
Hello,
Thank you for posting on our forum.
Please note that clipping is expected behavior when the container's overflow is set to "hidden". In this case, all the elements crossing the boundaries of the container will be clipped.
A possible workaround is to set the overflow to "scroll". In this case, you will be able to scroll down the container revealing the context menu.
Another approach is to adjust the context menu position after it is opened: https://jsfiddle.net/flexmonster/jvnaL8ph/.
We hope it helps.
Please contact us in case other questions occur.
Regards,
Illia
⋅ September 14, 2021
Hi Illia,
sorry if i reopen this topic after months, but i have an other question about contenxt menu.
Now we adjust the context menu as your example above but we have a similar problem with submenu (1.bmp) if you open a sub menu is possible adjust the sub menu as the example above ?
Thank you in andvance
Massimo
⋅ September 15, 2021
Hello,
Adjusting the submenu position does not seem to be possible due to the specifics of the current realization.
Instead, we suggest removing the overflow: hidden rule from the wrapper of the container: https://jsfiddle.net/flexmonster/38d4orqt/. It would allow the context menu and its submenus to be displayed without any clipping outside the container.
Please let us know if it helps.
Kind regards,
Illia
This question is now closed
