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

NEW
Unassigned

Status

()

9 years ago
3 years ago

People

(Reporter: chase.seibert, Unassigned)

Tracking

(Depends on: 1 bug)

Trunk
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(2 attachments)

(Reporter)

Description

9 years ago
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.
(Reporter)

Comment 1

9 years ago
Created attachment 430069 [details]
example
Confirmed with Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.3a3pre) Gecko/20100303 Minefield/3.7a3pre
Component: General → Layout
OS: Linux → All
Product: Firefox → Core
QA Contact: general → layout
Hardware: x86 → All
Version: unspecified → Trunk
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.
Status: UNCONFIRMED → NEW
Depends on: 521875
Ever confirmed: true
Created attachment 8639926 [details]
Somewhat clarified TC
Component: Layout → Layout: Floats
You need to log in before you can comment on or make changes to this bug.