W3C home > Mailing lists > Public > www-style@w3.org > July 2014

RE: [CSS2.1] Interop Issue in regards to fixed/absolute positioned children inside of inline-relative containers

From: Greg Whitworth <gwhit@microsoft.com>
Date: Wed, 16 Jul 2014 20:01:55 +0000
To: Alan Gresley <alan@css-class.com>, Boris Zbarsky <bzbarsky@MIT.EDU>, "Pavel Curtis" <pavelc@microsoft.com>
CC: "www-style@w3.org" <www-style@w3.org>, Gérard Talbot <css21testsuite@gtalbot.org>
Message-ID: <fdd2a025bed4471da146109694afefa0@DM2PR03MB400.namprd03.prod.outlook.com>
> CC Gérard Talbot (see IE12 rendering in attach screenshot)
> 
> On 16/07/2014 11:54 AM, Boris Zbarsky wrote:
> > On 7/15/14, 6:25 PM, Pavel Curtis wrote:
> >> Note the tall orange inline block later on the line, which raises the
> >> height of the line box.  I think everybody uses the top of the line
> >> box as the vertical coordinate of the static position.
> >
> > Right; that seems obviously wrong per the current spec.  On the other
> > hand, given that there is interop on it, we should change the spec
> > accordingly.
> >
> > -Boris
> 
> The <b> element is unpredictable. I have replaced the <b> element with a
> <span> with display:-inline-block. One with some text
> (containing-block-inline3.htm) and one that is empty (containing-block-
> inline4.htm). I am not sure what is happening in latter test case but it is the
> closes to the jsFiddle demo.
> 
> http://css-class.com/test/temp/containing-block-inline3.htm
> 
> http://css-class.com/test/temp/containing-block-inline4.htm
> 
> 
> Greg and Pavel. I would highly recommend to do the following when
> constructing test cases.
> 
> 1. For an inline element, add a border (top and bottom) since the shows
> where the element begins and ends horizontally. It has no impact on the test
> case since borders are placed outside inline boxes.
> 
> 2. Use Ahem font since this allows the line-height and the font to be the
> same and allows one to visualize what is happening. Below is the following
> style that is used in the above test cases. The preserved white-space itself is
> 50px by 50px.
> 
>   font-size: 50px;
>   font-family: Ahem;
>   line-height:1;
> 
> Please see the section for special fonts on this page [1] and Ahem font can
> be downloaded from here [2].
> 
> 
> 1. http://testthewebforward.org/docs/test-style-guidelines.html
> 2. http://www.w3.org/Style/CSS/Test/Fonts/Ahem/AHEM____.TTF
> 
> 
> Alan

Thank you so much for the helpful tips, I will ensure to do this for any future test cases/repros sent to the WG.

Greg
Received on Wednesday, 16 July 2014 20:02:26 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:23 UTC