There’s an issue with the admin wrench overlapping the notifications menu. AdamCapriola found that changing the z-index of .show-topic-admin to 999 resolves the problem, but is unsure if that’s the complete solution. simon explained that the issue is due to the menu being a child of the header, which has a z-index of 1000, and the admin wrench being in its own stacking context because of its fixed position. The z-index of 1100 applied to the menu doesn’t come into effect because it only applies within its own stacking context. sam noted that this is a UX issue and welcomes a patch, but acknowledges that the stacking position of fixed elements can be complex.
Not sure why the z-index of the notifications menu isn’t giving it priority (it’s 1100; the wrench is 1000). Changing the z-index of .show-topic-admin to 999 seems to fix it but I don’t know if that’s all there is to this…
(I’m on v1.4.0.beta12 +131 and testing on Chrome + Safari on OSX.)
Recategorized as UX, stacking position of fixed elements is pretty hellish.
Patch welcome, but this stuff ain’t easy.
It seems to be because the menu is a child of the header. The header has a z-index of 1000. The admin wrench also has a z-index of 1000. The admin wrench is in it’s own stacking context because of its fixed position. I’m not sure why the admin-wrench wins - I assume it’s because it comes last in the document.
The z-index of 1100 that is applied to the menu will only come into effect if the menu is overlapping other elements that are within its stacking context.
