VisualEditor: CSS munging causing absolutely-positioned chess diagrams(?) to break
Closed, ResolvedPublic


A very common chess template on many Wikipedias recommends using '|=' , and most instances of chess boards use this syntax

On German Wikipedia, editing the template strips the '=' signs. This article is on the parsoid topfails

There are 900 uses of these chess templates on German Wikipedia.
A few more of

The syntax is used on many other WPs, incl. eswp, frwp, plwp and ruwp

On English, the VE UI can go into massive layout problems, but the UI issues may all be due to the Parsoid issue.
The number of uses on enwp appears to be in the same ballpark as dewp

Version: unspecified
Severity: minor
See Also:
T55226: VisualEditor: CSS munging causing absolutely-positioned <div>s used to create pie charts(!) to break
T53166: VisualEditor: CSS munging causing CSS image cropping template {{Css Image Crop}} to display wrong portion of image
T73404: VisualEditor: Letters getting added and duplicated on pages featuring chess templates

bzimport set Reference to bz51932.
jayvdb created this task.Via LegacyJul 24 2013, 8:41 AM
jayvdb added a comment.Via ConduitJul 24 2013, 8:46 AM

An alternative 'pretty' syntax that doesnt cause breakages is:

The html comments are visible in the parameters of the template dialog, but it stops the dirty diffs if this |= syntax is not desirable.

ssastry added a comment.Via ConduitJul 29 2013, 10:45 PM

Hmm .. strange. When I copied both forms of the syntax into a file and parse it with Parsoid, the html renders just fine. Curious why it breaks in VE however.

Verifiable here:

Paste this there and scroll down past the literal html and you'll see this rendered correctly there.

{{Infobox chess opening

openingname = French Defence
image = {{Chess diagram=
|pd|pd|pd|pd|  |pd|pd|pd|=
|  |  |  |  |pd|__|__|__|=
|  |  |__|  |__|__|__|__|=
|  |  |__|  |pl|__|__|__|=
|  |  |__|__|__|__|__|__|=


moves=1.e4 e6
birth =
nameorigin = London vs. Paris correspondence match (1834–36)
parentopening = [[King's Pawn Game]]


ssastry added a comment.Via ConduitJul 30 2013, 5:39 PM

Moving to visual editor in case there is something about the Parsoid output that is causing broken layout in the "|=" form of chess-board syntax. Please assign to Parsoid if there is a bug here in our output.

Jdforrester-WMF moved this task to Backlog on the VisualEditor workboard.Via WebNov 24 2014, 4:24 PM
matmarex added a subscriber: matmarex.Via WebApr 19 2015, 9:04 PM

There are no screenshots here to show how it used to be broken, but it seems to behave correctly now.

matmarex closed this task as "Resolved".Via WebApr 19 2015, 9:05 PM
matmarex set Security to None.

Add Comment