Context Sub Menu Height

Hello,

I have a sub menu that is really long and gets cut off. How can I make it scrollable? I saw an example for React but I can't seem to get it work in Angular. In fact, I can't seem to get any CSS overrides to work.

Thanks!


2 Replies

SP Scott Price July 31, 2022 04:03 PM UTC

I came up w/ a hack...i attach to the contextMenuOpen event and then update the height and overflow...seems to work. There a better way?



PS Pavithra Subramaniyam Syncfusion Team August 2, 2022 04:46 AM UTC

Hi Scott Price,


Thanks for contacting Syncfusion support.


Setting the height and overflow style is the only way to make the Context menu scrollable. If you need to set the static height, you can use the “e-menu-parent e-ul” selector. Please refer to the below documentation link for more information.


https://ej2.syncfusion.com/react/documentation/context-menu/how-to/scrollable-contextmenu/


Or if you want to set the height dynamically, you can continue the “ContextMenuOpen” event to achieve your requirement.


Please get back to us if you need further assistance on this.


Regards,

Pavithra S


Loader.
Up arrow icon