Page MenuHomePhabricator

align transformation to CSS float changes layout
Closed, ResolvedPublic

Description

Screenshot of page rendered incorrectly

Starting today (17/Sep/2012), pages with a translation table at pt.wiktionary started getting broken (i.e. [[Polinésia]]). Most pages still appear correct as of now but when edited the translations pages gets messed up.

Nor the templates nor common.css or common.js have been touched recently.

An image of what I can see using Firefox 15.0.1 is attached as well as uploaded at [[commons:File:Error on pt.wiktionary (tables).png]].

With IE9, I get the same display and a jQuery error: "Object doesn't support this property or method" related to code "pagetitle=jQuery('h1').first().text().trim();". I'm not sure whether it's related or not. I don't seem to get this error on Firefox.

I verified the same problem at vo.wiktionary (i.e. "Tradutods" table in page [[flor]]).

I'm issuing this as "critical" as slowly all the pages are getting broken at pt.wiktionary.


Version: unspecified
Severity: normal

Attached:

Table.png (301×998 px, 24 KB)

Details

Reference
bz40323

Event Timeline

bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 12:58 AM
bzimport set Reference to bz40323.
bzimport added a subscriber: Unknown Object (MLST).

Yet another bug caused by the automatic translation of the align attribute into CSS.

To fix this on pt.wiktionary you could change the

<div class="NavHead" align=left>

in [[pt:wikt:Predefinição:tradini]] to

<div class="NavHead" style="text-align: left;">

I didn't test thoroughly, but that should work as expected.

The JS error is unrelated, I don't know why it breaks in IE9 (perhaps you enabled the compatibility mode?), but .trim doesn't work in IE8 and previous, see http://msdn.microsoft.com/en-us/library/ff679971%28v=vs.94%29.aspx, so it should get replaced by pagetitle=jQuery.trim(jQuery('h1').first().text());

It worked like a charm. Thanks!

Reopening and rephrasing to make sure that the underlying matter is addressed.

A minimal example is

<div align=left>foo</div>
<div>bar</div>

which should display like

foo
bar

but currently does display as

foobar

  • This bug has been marked as a duplicate of bug 40306 ***