356776 - CSS pseudo class first-letter with float:left is misplaced when two clear:right;float:right; divs are above it

Status: NEW

(Core :: Layout: Floats, defect)

Description

[Scott]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

CSS pseudo class first-letter with a float:left property is misplaced if two or more (but not one) div's with clear:right;float:right; properties are above the paragraph. The first-letter is placed in the left middle of the paragraph, below the bottom of the first div. An example of where this would occur is a drop cap paragraph with two right sidenotes. 

Reproducible: Always

Steps to Reproduce:
1. Make a <p> with first-letter style p:first-letter {float:left}
2. Put two <div> with style float:right;clear:right; above the <p>
3. View in Firefox. 
Actual Results:  
The first-letter of the <p> was misplaced to the left middle of the paragraph. It does not look good and makes the paragraph hard to read.


Expected Results:  
I expected the first-letter to be at the start of the paragraph in the upper left.

Comment 1

[Dan Richman]

This bug is invalid.  See comments for Bug 365965

Comment 2

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

Not necessarily, since floating :first-letter shouldn't necessarily be a float.

Comment 3

[Daniel.S]

David, IE8/9, Opera and Safari (I guess Chrome as well) agree with us here.

I haven't seen any CSS WG activity on this issue. Do you have an opinion on how to proceed?

Comment 4

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

I think we should fix it eventually by redesigning floating first-letter to be a drop-cap feature.  But it's not a high priority.