Get Free Trial

Clipped Context Menu

Answered
Massimo 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

3 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster 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

Public
Massimo 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 

Attachments:
1.bmp

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster 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

Please login or Register to Submit Answer