Page MenuHomePhabricator

VisualEditor: Image in template gets cut off
Closed, ResolvedPublic

Description

When editing http://de.wikipedia.org/wiki/Wikidata the top of the Wikimedia logo in the template at the bottom of the page is cut off. (It might also be hidden behind the grey bar or something.)


Version: unspecified
Severity: normal

Details

Reference
bz48461

Event Timeline

bzimport raised the priority of this task from to Low.Nov 22 2014, 1:35 AM
bzimport set Reference to bz48461.

I cannot reproduce this using either Firefox or Chrome - which browser(s) does this appear in? Do you have a screenshot I could see? Does it still appear?

Created attachment 12328
screenshot of the issue in chromium in kubuntu

Attached:

cutofflogo.png (116×345 px, 2 KB)

We aim to render templates as similarly as possible, but there are some exceptions at this time. One such exception is that protected elements and their child elements positioned as 'absolute' or 'fixed' will be changed to relative. Protected elements are usually non-text or generated elements like images or templates.

Specifically in this case the CSS rule for elements that match '.ve-ce-alienNode, .ve-ce-alienNode *' is being used to set all elements relative. In a more recent version of the code this rule is now renamed to '.ve-ce-protectedNode, .ve-ce-protectedNode *' but it's effect is the same.

We should probably be only applying relative positioning to elements that are actually positioned 'absolute' or 'fixed', because it's currently being applied to an element that's positioned 'static'.

This happens in any article that uses the following template with an image, which is lots and lots and lots
https://de.wikipedia.org/wiki/Vorlage:Navigationsleiste

https://de.wikipedia.org/wiki/Bezirk_Altona?veaction=edit

And the German template appears on many other languages as well.
https://bar.wikipedia.org/wiki/Wikibooks?veaction=edit

Esanders claimed this task.
Esanders subscribed.

Not happening for me in Chrome or FF. Assuming this was a browser bug that has since been fixed, but please re-open if it is still happening.