VisualEditor: Math formula does not display correctly if preferences are set to both TeX and MathJax
Closed, ResolvedPublic
Actions

Assigned To

None

Authored By

	• Whatamidoing-WMF
	Apr 28 2014, 9:45 PM

Description

Steps to Reproduce:

Enable VisualEditor formulae editing at Special:Preferences#mw-prefsection-betafeatures.

Change math-related preferences to:
- Leave it as TeX (for text browsers) (radio button; it's off by default)
- MathJax (experimental; best for most browsers) (tick box; it's off by default)

Look at the mess in the new version of the math formula (the one on the page, not the TeX code in the editing tool).

Reproducible: Always

See screenshots here:

Version: unspecified
Severity: normal

• bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 3:13 AM

• bzimport set Reference to bz64572.

See https://en.wikipedia.org/w/index.php?oldid=606239634#Problem_with_MathJax_and_visual_editor. for an analysis of CSS-related issues. MathJax uses absolute positioning, and VisualEditor uses relative positioning.

The CSS problem is caused by this rule

.ve-ce-protectedNode, .ve-ce-protectedNode * {

position: relative !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
...

}

MathJax makes heavy use of absolute positioning with elements like

so the .ve-ce-protectedNode CSS overrides all the positioning creating the mess.