Closed
Bug 433724
Opened 16 years ago
Closed 16 years ago
absolutely positioned element's width miscalulated when first-letter font-size != 1em
Categories
(Core :: Layout: Positioned, defect)
Core
Layout: Positioned
Tracking
()
RESOLVED
DUPLICATE
of bug 442043
People
(Reporter: bproniewski, Unassigned)
References
()
Details
(Keywords: regression, testcase)
Attachments
(1 file)
(deleted),
text/html
|
Details |
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•16 years ago
|
||
The position of the header is a regression from Bug 300030.
Component: General → Layout
Keywords: regression
Product: Firefox → Core
QA Contact: general → layout
Version: unspecified → Trunk
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.
Blocks: reflow-refactor
Status: UNCONFIRMED → NEW
Component: Layout → Layout: R & A Pos
Ever confirmed: true
Keywords: testcase
OS: Windows XP → All
QA Contact: layout → layout.r-and-a-pos
Hardware: x86 → All
Summary: Incorrect header positioning when using first-letter declaration for that header. → absolutely positioned element's width miscalulated when first-letter font-size != 1em
Status: NEW → RESOLVED
Closed: 16 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•