433724 - absolutely positioned element's width miscalulated when first-letter font-size != 1em

Status: RESOLVED DUPLICATE of bug 442043

(Core :: Layout: Positioned, defect)

Description

[Bart]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9b5) Gecko/2008032620 Firefox/2.0.0.4;MEGAUPLOAD 1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9b5) Gecko/2008032620 Firefox/2.0.0.4;MEGAUPLOAD 1.0

Basically first-letter css declaration in css header statement overrides header absolute positioning. When You enter the website the main header "Wina Swiata" in white should be positioned absolute to the right. With the header inside a <h1></h1> with h1.first-letter applied it looses it's positioning - moves to the left. When You highlight the entire header going from left to right and while holding the mouse button still move the cursor to the far right, the header moves to the correct place.

Reproducible: Always

Steps to Reproduce:
1.go on the site mentioned - header "Wina Swiata" will be aligned to the left of the container
2.highlight it from left to right and while still holding the cursor keep going right - header moves to the right
3.
Actual Results:  
When You enter the website the main header "Wina Swiata" in white should be positioned absolute to the right. With the header inside a <h1></h1> with h1.first-letter applied it looses it's positioning - moves to the left. When You highlight the entire header going from left to right and while holding the mouse button still move the cursor to the far right, the header moves to the correct place.

Expected Results:  
Header should be aligned to the right.

This doesn't happen with Firefox 2, Opera, IE and other browsers.

Comment 1

[Ria Klaassen (not reading all bugmail)]

The position of the header is a regression from Bug 300030.

Comment 2

[Daniel.S]

Attachment: testcase

Comment 3

[Daniel.S]

The width of the absolutely positioned element is miscalulated. The miscalculation is based on two factors: The length of the text and the font-size of the ::first-letter.

If the ::first-letter is smaller than 1em, the text is positioned outside the box (in other words, the absolutely positioned element's width shrinks). font-size above 1em let the box grow in width.