csspopupjquery-layout

CSS pop up menu to overflow/overlap in JQuery layout panes

I' using the JQuery layout and define only the north, west and center panes. On the left side (west pane) I'm building a CSS pop up menu. With the abundance of CSS pop up menus around the web, I have no trouble making it to work. The problem that I'm facing is that the pop up menu does not overlap the center pane. You can see this behavior in my JSfiddle example. I have tried setting overflow: visible; z-index: 10001;but it didn't solve anything. What can I try next?

Solution

  • Try to add this styles

    .ui-layout-west{
   z-index: 50;
   overflow: visible;
}

    Update

    .ui-layout-west{
   z-index: 50 !important;
   overflow: visible !important;
}