Last modified: 2014-05-01 00:56:10 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T63497, the corresponding Phabricator task for complete and up-to-date bug report information.

Bug 61497 - VisualEditor Math plugin displayed equation becomes jumbled during and after editing if using MathJax


Summary:	VisualEditor Math plugin displayed equation becomes jumbled during and after ...

Status:	NEW

Product:	MediaWiki extensions
Classification:	Unclassified
Component:	Math (Other open bugs)
Version:	unspecified
Hardware:	All All

Importance:	Unprioritized normal (vote)
Target Milestone:	---
Assigned To:	Nobody - You can work on this!

URL:
Whiteboard:
Keywords:

Depends on:
Blocks:	43058
	Show dependency tree / graph

Reported:	2014-02-18 16:02 UTC by Richard Morris
Modified:	2014-05-01 00:56 UTC (History)
CC List:	5 users (show)

See Also:	52499
Web browser:	---
Mobile Platform:	---
Assignee Huggle Beta Tester:	---

Attachments
Screenshot of garbled output (47.62 KB, image/png) 2014-04-28 20:46 UTC, Richard Morris	Details
Add an attachment (proposed patch, testcase, etc.)

Description Richard Morris 2014-02-18 16:02:58 UTC

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.

Comment 1 Richard Morris 2014-04-28 20:46:30 UTC

Created attachment 15234 [details]
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.

Comment 2 Richard Morris 2014-04-28 20:53:04 UTC

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.

Wikimedia Bugzilla is closed!

Search

Personal tools

Navigation

Links