VisualEditor Math plugin displayed equation becomes jumbled during and after editing if using MathJax
Closed, DeclinedPublic

Description

Split off from bug 43058.

Editing the last equation at
https://www.mediawiki.org/wiki/VisualEditor:TestMath?veaction=edit

if you actually make a change to the text of the equation the displayed equation becomes very jumbled. Any vertical positioning is lost, and text from different lines are overlaid on top of each other.

This happens with Chrome on a Mac.


Version: unspecified
Severity: normal
See Also:
https://bugzilla.wikimedia.org/show_bug.cgi?id=52499

bzimport added a project: Math.Via ConduitNov 22 2014, 3:02 AM
bzimport added a subscriber: Unknown Object (MLST).
bzimport set Reference to bz61497.
SalixAlba created this task.Via LegacyFeb 18 2014, 4:02 PM
SalixAlba added a comment.Via ConduitApr 28 2014, 8:46 PM

Created attachment 15234
Screenshot of garbled output

This is a screenshot of the type of output obtained. You need MathJax on and image will become garbled as soon as the formula is edited with the VisualEditor formulae editing beta feature.

Attached:

SalixAlba added a comment.Via ConduitApr 28 2014, 8:53 PM

The problem seems to be a clash of CSS styling. MathJax makes heavy use of position: absolute, position: relative and setting the top, and left properties eg

<span style="position: absolute; clip: rect(1.501em 1000.003em 2.347em -0.518em); top: -2.145em; left: 0.003em;">...</span>

yet this is all rendered to nothing by the CSS rule

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

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

}

If you comment out these css properties the MathJax displays OK.

Jdforrester-WMF set Security to None.
Physikerwelt closed this task as "Declined".Via WebSun, Jul 19, 10:38 PM
Physikerwelt claimed this task.
Physikerwelt added a subscriber: Physikerwelt.

MathJax will be removed T99369

Add Comment