409978 - Wikipedia template slips between content and background of a table on Wikipedia

Status: RESOLVED DUPLICATE of bug 14984

(Core :: Layout: Text and Fonts, defect)

Description

[Gábor Stefanik]

In the Wikipedia article at the URL, a strange bug can be seen: the contents of the Hiragana table are displayed *over* the "Japanese writing" template, while the table itself (background and borders) are *under* the template. The bug bears a striking resemblance to the now-fixed Opera bug called "Offsetting penalties" (http://www.positioniseverything.net/op-omnibus/penalty.html). (The bug doesn't appear on most systems, because it requires a high window width to come up, due to the placement of the page elements involved. It appeared for me with a window.innerWidth of 1680. Setting width:1680 on the HTML element also reproduces.) Most likely it has to do with a right float overlapping an HTML table, which is a possible trigger.

Steps to reproduce:
1. Open the URL in Fx3b2.
2. Open DOM Inspector, and add a "style" attribute with the value "1680px" (or resize your window to be 1680px wide, if your screen res is high enough).
3. Scroll down to the hiragana table. Notice the character salad in the template to the left. (You might need to horizontally scroll to the right to see the template, since it's a right float.)

Note: most probably a width of 1680px is not needed for the bug to appear in general, however, it is needed to properly align the table and the template.

Comment 1

[philippe (part-time)]

That is a known bug: the 'Japanese writing' is a floated block. When the window is larger enough, it intersects with the table (the table should drop below the float, as you can see in Opera).
Safari/WebKit still suffer from the same bug.