243302 - {inc} Table only properly laid out after reload of page

Status: VERIFIED FIXED

(Core :: Layout: Tables, defect)

Description

[Martin Kemp]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6) Gecko/20040206 Firefox/0.8
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6) Gecko/20040206 Firefox/0.8

In the page
http://www.dabs.com/uk/channels/components/harddiskdrives/internalide/products.htm?catid=202
the 'top 5 recommends' table is initially laid out vertically and narrow, and
only properly laid out after a reload of the page. 

Reproducible: Always
Steps to Reproduce:
1. Navigate to
http://www.dabs.com/uk/channels/components/harddiskdrives/internalide/products.htm?catid=202
2. Note 'top 5 recommends' table is narrow
3. Press F5
4. Note table is properly laid out

Actual Results:  
as per 'how to reproduce' and attached image at
http://www.martin-kemp.com/box_layout_problem.gif

Expected Results:  
laid the table out wider, as per IE and Opera

Comment 1

[Martin Kemp]

Attachment: Image showing rendering in Firefox and IE6

Comment 2

[José Jeria]

Confirmed with Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a)
Gecko/20040510 Firefox/0.8.0+

Comment 3

[Boris Zbarsky [:bzbarsky]]

This needs a minimal testcase (using hyatt's trick described at
http://weblogs.mozillazine.org/hyatt/archives/2003_08.html#003963 probably).

Comment 4

[Anders Pedersen]

Confirmed.

- Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a) Gecko/20040511
Firefox/0.8.0+
- Microsoft Windows 2000 Pro 5.00.2195 SP4

Comment 5

[Taral]

This reproduces every single time using the "clone slowly" bookmarklet located here:

http://www.squarefree.com/bookmarklets/testbrowsers.html

A value of about 100 characters/write is recommended.

Comment 6

[Taral]

Here's the minimal testcase:

<table><tr><td width="100%">MMMM<script>var v =
document.body.offsetHeight;</script> MMMM</td></tr></table>

Comment 7

[José Jeria]

Attachment: Taral's minimized testcase

100% reproducible testcase. Load page and you will see the pair of M:s in 2
rows, resize the window to trigger a reflow and it will be fixed.

Comment 8

[Jason Barnabe (np)]

Confirming. Nice testcase.

Comment 9

[Taral]

How close is this to bug 217527?

Comment 10

[Steve England [:stevee]]

Weirdness observed with:
-  Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/2006120606 Minefield/3.0a
(Table has two rows of MMMM - after resizing the browser window this changes to one row reading MMMM MMMM)

No weirdness observed with:
- Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/2006120804 Minefield/3.0a1
(Table has one row of MMMM MMMM and resizing browser window does not change layout)

-->RESOLVED FIXED

Comment 11

[Ryan VanderMeulen [:RyanVM]]

Attachment: Reftests

Comment 12

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Comment on attachment 257597 [details] [diff] [review]
Reftests

Checked in after testing in pre- and post-reflow-branch builds.