Page MenuHomePhabricator

mw-indicators popups hidden under bodyContent content
Closed, DeclinedPublic

Description

Some extensions/gadgets/userscripts place icons in the .mw-indicators element which will create a floating box when clicked, placing the new box inside the indicator icon's parent element, using absolute positioning to place the box underneath the icon. (For example, in the Schema namespace on Meta-Wiki, the EventLogging extension adds such an icon with associated popout box.)

Recently-ish, a change in z-index values have resulted in the created box being placed "underneath" (as in, with lower z-index and thus hidden by) the contents of the #bodyContent element. This is due to the .mw-indicators element (which also has the mw-body-content class, shared with the #bodyContent itself) being affected by two CSS rules, with equal specificity: The .mw-indicators selector itself is set to z-index: 1, but the .mw-body-content { z-index: 0; } rule overrides it, thus placing it effectively lower in the z-index order (both have z-index: 0 and the tie is broken by document tree ordering), resulting in the hidden content.

Both rules are in the skins.vector.styles.legacy module.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Milimetric moved this task from Incoming to Smart Tools for Better Data on the Analytics board.
Milimetric subscribed.

Low priority for us, people can feel free to raise priority or grab it (should be relatively easy)

no movement in a while, and EventLogging is going away