472870 - Broken layout when clicking on checkbox in elements with display:table-cell or table-row

Status: VERIFIED DUPLICATE of bug 121142

(Core :: Layout, defect)

Description

[Emil Ivanov]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
Build Identifier: 

When i click on a checkbox in elements with display:table-cell, all other elements on that line are appearing under the first one. Also this affects on all elements with display:table-cell above the clicked checkbox.

When im inspecting with firebug 1.3.0 the outline of those elements is in the right position.

Tested with:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1b3pre) Gecko/20090109 Shiretoko/3.1b3pre
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2a1pre) Gecko/20090109 Minefield/3.2a1pre

Reproducible: Always

Steps to Reproduce:
(testcase coming)
1. Click on any of the checkboxes to revert their state from checked to unchecked
2. Press refresh


Actual Results:  
Elements are floating around the clicked checkbox and around any checkboxes above.

Comment 1

[Emil Ivanov]

Attachment: testcase

Comment 2

[Ria Klaassen (not reading all bugmail)]

Confirmed on Windows XP, latest trunk.

Comment 3

[Emil Ivanov]

Attachment: Testcase with display:table-row

Seems the same problem is with display:table-row

Comment 4

[Tyler Downer [He/Him]]

Ria confirms this. I do with Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.2a1pre) Gecko/20090109 Minefield/3.2a1pre.

Comment 5

[Ria Klaassen (not reading all bugmail)]

Regression range: 
http://bonsai.mozilla.org/cvsquery.cgi?module=PhoenixTinderbox&date=explicit&mindate=2007-10-02+16%3A00&maxdate=2007-10-02+20%3A00
Bug 398243 seems a possible culprit.

Comment 6

[philippe (part-time)]

(In reply to comment #3)
> Created an attachment (id=356229) [details]
> Testcase with display:table-row
> 
> Seems the same problem is with display:table-row
With display: table-row, each span _should_ display under the previous one, each span on its own line.

That said, I can't repro the issue on Mac or Linux (Gecko 1.9.0.x or 1.9.2a1pre).

Comment 7

[Emil Ivanov]

Attachment: screenshot with table-row

(In reply to comment #6)
> (In reply to comment #3)
> > Created an attachment (id=356229) [details] [details]
> > Testcase with display:table-row
> > 
> > Seems the same problem is with display:table-row
> With display: table-row, each span _should_ display under the previous one,
> each span on its own line.
> 
> That said, I can't repro the issue on Mac or Linux (Gecko 1.9.0.x or
> 1.9.2a1pre).

With display:table-row every element is under each but after refresh they are with different width.

Comment 8

[philippe (part-time)]

Hmm, I've now repro'd this (Windows and Linux).

Adding p {display:table-row} solves the issue in the first test case. I think it is the same underlying problem as many of the dupes in bug 148810.

Comment 9

[Daniel.S]

(In reply to comment #5)
> Regression range: 
> http://bonsai.mozilla.org/cvsquery.cgi?module=PhoenixTinderbox&date=explicit&mindate=2007-10-02+16%3A00&maxdate=2007-10-02+20%3A00
> Bug 398243 seems a possible culprit.

Ria, could you please test wether this range is also causing Bug 326545?

Comment 10

[Ria Klaassen (not reading all bugmail)]

(In reply to comment #9)

I don't think so because Bug 326545 was filed in 2006, when Bug 398243 didn't exist yet.

Comment 11

[Daniel.S]

(In reply to comment #10)
> I don't think so because Bug 326545 was filed in 2006, when Bug 398243 didn't
> exist yet.

Silly me. Sorry. Thanks.

Comment 12

[Boris Zbarsky [:bzbarsky]]

Actually, this does in fact have the same underlying reason as bug 326545: form state restoration triggering flushes.