479664 - some pages with a div set to 'display:table-row' have wrong client width for that div

Status: UNCONFIRMED

(Core :: DOM: Core & HTML, defect, P5)

Description

[dshadowwolf]

User-Agent:       Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.0.6) Gecko/2009020407 Iceweasel/3.0.6 (Debian-3.0.6-1)
Build Identifier: Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.0.6) Gecko/2009020407 Iceweasel/3.0.6 (Debian-3.0.6-1)

While testing a new skin for a MediaWiki based site several of the 'Special Pages' wind up with the content area having a width of less than 800px with that size never being set anywhere.

The content area is a div with 'display: table-row' containing a pair of div's with 'display: table-cell' set and it is only the div for the content area that FireBug reports an invalid 'clientWidth' for - the page header and footer both have '1264' but depending on the page the content area is anywhere from 778px to 839px - even when the width is specified as being larger.

Tested the page in both a WebKit based browser on the off-chance it was an error somewhere in the markup and that browser did not exhibit the rendering error. It appears that there is a problem with the system getting the wrong 'clientWidth' set for that portion of the page.

Actual layout was tested with content that included all the various tags used on one of the pages that fails and there was no problem. Testing with the code generating the pages changed to try and localize the issue did nothing - moving from embedded 'style' tags and various table attributes to classes did nothing and removing 'class=' lines that referred to non-existent classes while leaving the rest intact also did nothing. Did not test with all styling removed, however same results are expected.

Reproducible: Always

Steps to Reproduce:
1.Create a custom MediaWiki skin with the content div set as:
 <div style="display:table-row;"><div style="display:table-cell; width:10%;">&nbsp</div><div style="display:table-cell> {content here} </div></div>
2.Install the skin and use it to browse 'Special:SpecialPages' or 'Special:AllPages'
3.watch that content-area have a width a lot smaller than it should be (somewhere between 400 and 500 pixels on my system)
Actual Results:  
instead of the content area having a width equal to the browsers width, it came out at 778px (for 'Special:SpecialPages') and 839px (for 'Special:AllPages')

Expected Results:  
that the content area would have a width equal to the browsers width (1264px according to FireBug)

actual MediaWiki skin can be provided on request. As this design did not function on all major browsers it is not of immediate worry that it has these rendering errors in FireFox - however, if we can manage to solve the bugs stopping it from rendering in the browser from Redmond, this bug will become a major show-stopper, since slightly more than 43% of the traffic of the site this is intended for is from various versions of FireFox.

Comment 1

[dshadowwolf]

Note: version of MediaWiki in use with this skin is 1.15(alpha) - it is not clear if using an earlier version could trigger the bug

Comment 2

[dshadowwolf]

an image of a bad render is available at: http://shadowwolf.keil-draco.com/firefox-toocool-error.png

Comment 3

[dshadowwolf]

Have had some friends test and error appears to also be present in x86 builds for Windows.

Comment 4

[Firefox Bug Husbandry Bot]

https://bugzilla.mozilla.org/show_bug.cgi?id=1472046

Move all DOM bugs that haven’t been updated in more than 3 years and has no one currently assigned to P5.

If you have questions, please contact :mdaly.