Skip to content

Instantly share code, notes, and snippets.

@rbtbar
Created October 10, 2014 20:18
Show Gist options
  • Save rbtbar/bfe6ddbab441bee840a2 to your computer and use it in GitHub Desktop.
Save rbtbar/bfe6ddbab441bee840a2 to your computer and use it in GitHub Desktop.
Hack for setting an 'auto' z-index in the jQuery UI Layout plugin
/*
The following hack is useful if you plan to use seamlessly jQuery UI Layout plugin (https://github.com/allpro/layout)
and Bootstrap components, like Dropdown, Popover, Tooltip;
Otherwise you have to use special utiliy methods, like allowOverflow( elem_or_pane ), resetOverflow( elem_or_pane )
everytime you want to show/hide each and every component that may oveflow the pane.
*/
.ui-layout-pane { /* all 'panes' */
/*
don't create a new stacking context, so that overflowing child elements of a 'pane'
(for example: popups, dropdown lists, tooltips) are correctly displayed
in front of other 'panes' WHILE the mouse IS NEITHER over the 'pane' NOR over its child elements.
*/
z-index: auto !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment