Fit ejMenu into container

Hello,

is there a possibility to show ej-menu in front of all components/div elements and etc., or (maybe better way), to fit ejMenu in container (div tag)?
Now it looks like this and it is hiding under container (div tag):
 

1 Reply

PO Prince Oliver Syncfusion Team July 18, 2017 11:39 AM UTC

Hi Agne, 

Thank you for contacting Syncfusion support. 

The Sub menu items will usually have a higher z-index and hence it will be displayed above the container <div> element. In your case, the <div> container must have a higher z-index than sub menu element or it must have overflow property to set as hidden. So, to fix this, you need to set a z-index value for submenu items higher than the <div> element or set the overflow property to visible for <div> element. Kindly refer to the following code snippet. 

<style> 
    .divContainer{ 
      overflow: visible;  
      z-index: 10; /*Lower than sub menu */ 
    } 
</style> 


Regards, 
Prince 


Loader.
Up arrow icon