Created
October 10, 2014 20:18
-
-
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
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