Page MenuHomePhabricator

VisualEditor: Sequential floated images are stacking
Closed, ResolvedPublic

Description

Author: owen

Description:
Looking at [[Principality of Stavelot-Malmedy]] in the Visual Editor, immediately after the heading "Development and the High Middle Ages" there are two images floated right.

In Read mode, these images are given float: right; clear: right;. In VE mode, however, the clear: right; appears to be missing, so the images are stacking up.

In case it makes a difference, I'm running Chrome 26.0.1410.64 m, on 64-bit Windows 7 Home Premium (Build 7601, Service Pack 1).


Version: unspecified
Severity: normal
URL: http://en.wikipedia.org/wiki/Principality_of_Stavelot-Malmedy

Details

Reference
bz47672

Event Timeline

Confirmed - the DM layer for alien items (like images) apparently respects the CSS and is meant to pass it through, but CE isn't?

This is because Parsoid outputs completely different HTML for images (using <figure> and what not) that doesn't match the MediaWiki CSS.

This will be fixed once we change the ce.MWThumbImageNode rendering to match the MW rendering rather than the Parsoid rendering, and move image support out of the experimental list.

This was fixed by gerrit 64367 which is now merged, but is 'experimental' and
so will not go out for a short while. Marking as fixed within wmf5, though.