Bug 196832 - [testcase][CSS 2.1 Conformance] Absolutely positioned box that is a child of a relatively positioned box is mispositioned
Summary: [testcase][CSS 2.1 Conformance] Absolutely positioned box that is a child of ...
Status: VERIFIED WORKSFORME
Alias: None
Product: konqueror
Classification: Applications
Component: khtml (show other bugs)
Version: 4.2.4
Platform: Ubuntu Linux
: NOR normal
Target Milestone: ---
Assignee: Konqueror Developers
URL:
Keywords: testcase, triaged
Depends on:
Blocks:
 
Reported: 2009-06-17 05:08 UTC by Gérard Talbot (no longer involved)
Modified: 2010-04-24 19:59 UTC (History)
2 users (show)

See Also:
Latest Commit:
Version Fixed In:


Attachments
rendering. Added some dotted color lines by hand to make the point of the test clearer. (111.54 KB, image/png)
2009-06-21 19:38 UTC, Germain Garand
Details

Note You need to log in before you can comment on or make changes to this bug.
Description Gérard Talbot (no longer involved) 2009-06-17 05:08:12 UTC
Version:            (using KDE 4.2.4)
OS:                Linux
Installed from:    Ubuntu Packages

Testcase:
http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/CSS21Section984-Example.html

This test comes directly from CSS 2.1, section 9.8.4 which is described starting from this precise location:
http://www.w3.org/TR/CSS21/visuren.html#img-flow-absolute

[
The following example shows an absolutely positioned box that is a child of a relatively positioned box. Although the parent outer box is not actually offset, setting its 'position' property to 'relative' means that its box may serve as the containing block for positioned descendants. Since the outer box is an inline box that is split across several lines, the first inline box's top and left edges (depicted by thick dashed lines in the illustration below) serve as references for 'top' and 'left' offsets. 

#outer { 
  position: relative; 
  color: red 
}
#inner { 
  position: absolute; 
  top: 200px; left: -100px; 
  height: 130px; width: 130px; 
  color: blue;
}
]

Expected results for the testcase:
http://www.w3.org/TR/CSS21/images/flow-abs-rel.png

Konqueror 4.2.4; 2.6.28-11-generic here.

regards, Gérard
Comment 1 Dominik Tritscher 2009-06-21 16:11:39 UTC
Confirmed on trunk r984009.
Comment 2 Germain Garand 2009-06-21 19:34:17 UTC
I fail to see the rendering problem here...
The child positioned box is placed at (-100, 200) of the top left of the inline text box starting with the word "Start" as it should.
Comment 3 Germain Garand 2009-06-21 19:38:11 UTC
Created attachment 34718 [details]
rendering. Added some dotted color lines by hand to make the point of the test clearer.
Comment 4 Gérard Talbot (no longer involved) 2009-06-21 20:57:48 UTC
Yes, you are right, Germain! I neglected to understand that font-size on p element may affect where exactly the #outer span starts and that the whole test depends on where the #outer span starts. I have modified the testcase (font-size was 26px; now is 22px). Screen resolution may also affect how the text is rendered/starts within the p element.
I mishandled that test. Sorry about that.

Resolving as WORKSFORME

regards, Gérard
Comment 5 Gérard Talbot (no longer involved) 2010-04-24 19:59:48 UTC
Marking as VERIFIED