We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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