549926 - Float/margin properties prevent some reflows on display=none events

Status: NEW

(Core :: Layout: Floats, defect)

Description

[Chase Seibert]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.8) Gecko/20100214 Ubuntu/9.10 (karmic) Firefox/3.5.8
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.8) Gecko/20100214 Ubuntu/9.10 (karmic) Firefox/3.5.8

When dynamically hiding elements via Javascript, the page does not reflow correctly. 

Reproducible: Always

Steps to Reproduce:
1. Open attached html file.
2. Click on "click me"


Actual Results:  
There is still a gap between "before" and "after".

Expected Results:  
There should be no gap; the hidden DIV should collapse.

Does work in:
Chrome 5.0.307
IE 8.0
Safari 4.0.3
Opera 10.50

Seems to be a DOM reflow problem. When I update the DOM trivially in Firebug, it collapses.

Comment 1

[Chase Seibert]

Attachment: example

Comment 2

[Ria Klaassen (not reading all bugmail)]

Confirmed with Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.3a3pre) Gecko/20100303 Minefield/3.7a3pre

Comment 3

[Boris Zbarsky [:bzbarsky]]

Seems eerily similar to bug 521875.  roc, could that trigger this problem?

I did check that the problem happens in standards mode too, by the way.

Comment 4

[Robert O'Callahan (:roc) (email my personal email if necessary)]

Possibly, I'm not sure.

Comment 5

[Hallvord R. M. Steen [:hallvors]]

Attachment: Somewhat clarified TC