303942 - float not repositioned after toggling display property in previous float

Status: RESOLVED WORKSFORME

(Core :: Layout: Floats, defect)

Description

[Nahne]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6

Toggling the display property of an object in a float does not reflow the
subsequent floats. For this to happen, there has to be a sequence of three
floats with the middle one expanding due to changing the display property of
it's content from none to block. Content in the middle float will overlay
content in the last float. 

Reproducible: Always

Steps to Reproduce:
1. Open the attached test case in firefox. The test case is minimal - all five
divs, including the one without properties, are actually necessary.

Actual Results:  
The body onload javascript toggled the red div to display:block, causing it's
containing float to expand. The red div overlays the subsequent yellow div.

Expected Results:  
The yellow div should have been moved downwards to create space for the red div.
Works in IE.

Comment 1

[Nahne]

Attachment: Minimal test case

Comment 2

[Nahne]

Attachment: This file shows the correct rendering.

This file shows exactly the same DOM state as the previous test case. However,
the rendering is correct, because the DOM is already in it's final state during
the initial rendering and does not get changed via Javascript.

Comment 3

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

Looks fine on the trunk.

Comment 4

[Nahne]

Ok, somebody has already fixed this - no problems in
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b4) Gecko/20050808
Firefox/1.0+