425754 - Wrapping text problem with multiple floating elements, containing variable widths.

Status: RESOLVED DUPLICATE of bug 25888

(Core :: Layout: Floats, defect)

Description

[dubbs]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

If you have an element containing both static and floated elements, text will wrap incorrectly when the second floated element is larger than the first floated element.

<div style="width:400px;border:1px solid blue;">
	<div style="width:100px;height:120px;float:right;background-color:green;"></div>
	<div style="width:200px;height:80px;float:right;background-color:orange;clear:right;"></div>	
	<div style="width:100px;height:120px;float:right;background-color:green;clear:right;"></div>
	<div style="width:200px;height:80px;float:right;background-color:orange;clear:right;"></div>	
	<h1>heading</h1>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec a libero. Proin quis ante. Phasellus ut ligula quis erat euismod euismod. Morbi ullamcorper.</p>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec a libero. Proin quis ante. Phasellus ut ligula quis erat euismod euismod. Morbi ullamcorper.</p>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec a libero. Proin quis ante. Phasellus ut ligula quis erat euismod euismod. Morbi ullamcorper.</p>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec a libero. Proin quis ante. Phasellus ut ligula quis erat euismod euismod. Morbi ullamcorper.</p>
</div>

Reproducible: Always

Steps to Reproduce:
1.
2.
3.
Actual Results:  
Second floated element will overlap statically positioned text.

Expected Results:  
Second floated element will not overlap text.  Text will wrap in relation to second element.

Comment 1

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

fixed a while back