Closed Bug 1143381 Opened 9 years ago Closed 9 years ago

block elements with height after float left or right corrupt flowed content insertion point

Categories

(Core :: Layout: Floats, defect)

36 Branch
x86
Windows 7
defect
Not set
normal

Tracking

()

RESOLVED INVALID

People

(Reporter: 2seldom, Unassigned)

Details

(Keywords: testcase)

Attachments

(2 files)

Attached file minimalTest.html
User Agent: Mozilla/5.0 (Windows NT 6.1; rv:36.0) Gecko/20100101 Firefox/36.0
Build ID: 20150305021524

Steps to reproduce:

Assign height to multiple block elements which don't fit to the side of a float but immediately follow the floated element in sourcec.
See minimal test case.



Actual results:

Content of the block elements is rendered on top of each other.
Also see interactive test case to change initial conditions.



Expected results:

The first block with content which had to be rendered under the float element should leave the insertion point for flowed content BELOW its rendered content,  as opposed to somewhere inside the floated element ABOVE its rendered content.
Attached file Interactive Test Case
Component: Untriaged → Layout: Floats
Keywords: testcase
Product: Firefox → Core
Blocks don't get repositioned around floats.  Their text does.

So if you put a fixed height on a block that's less than the height of the float, and the text doesn't fit next to the float, the text will simply overflow the block and end up right below the float.  This happens to be true for all three of the class="height" blocks in the testcase.  You can see this clearly in the interactive testcase, because the borders show exactly where the blocks are located; their positions are not affected by the float, as expected.
Status: UNCONFIRMED → RESOLVED
Closed: 9 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: