MathJax menu occluded due to z-ordering
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 10.9k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
When the classic skin is used on Wikipedia the MathJax menu gets partially occluded by the toolbar on the left side, despite the HTML positioning element of the popup menu is assigned a high z-index. The reason for this is that the positioning element gets created as a child to the math formula's immediate parent rather than as a child to the HTML root element, so it cannot override the layering order because it is operating in a different stacking context. See also https://developer.mozilla.org/en/CSS/Understanding_z-index/The_stacking_context
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by tracing where the MathJax popup positioning element is created relative to the math formula's parent, then review the linked MDN stacking-context explanation. Verify the fix in Wikipedia's classic skin by confirming that the MathJax menu is no longer partially occluded by the left toolbar.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html, javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100