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

NEW
Unassigned

Status

()

Core
Layout: Floats
11 years ago
5 years ago

People

(Reporter: Scott, Unassigned)

Tracking

Trunk
x86
Windows XP
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

11 years ago
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

11 years ago
This bug is invalid.  See comments for Bug 365965
Not necessarily, since floating :first-letter shouldn't necessarily be a float.

Comment 3

7 years ago
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?
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.
Status: UNCONFIRMED → NEW
Ever confirmed: true
You need to log in before you can comment on or make changes to this bug.