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: Alan Gresley <alan@css-class.com>
Date: Thu, 17 Jul 2014 11:47:37 +1000
Message-ID: <53C72B39.3030307@css-class.com>
To: Greg Whitworth <gwhit@microsoft.com>, Pavel Curtis <pavelc@microsoft.com>, Boris Zbarsky <bzbarsky@MIT.EDU>, Gérard Talbot <www-style@gtalbot.org>
CC: "www-style@w3.org" <www-style@w3.org>
On 17/07/2014 10:56 AM, Alan Gresley wrote:
> On 17/07/2014 6:15 AM, Greg Whitworth wrote:
>> Sorry that should read "and" (see inline)
>
> Greg and Pavel. The spec does not define what should happen with an
> empty inline box but the test case is showing some usual behaviour
> because such a empty inline box has been set to display-inline-box.
>
>>>>> 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.
>
> This orange box is showing the same as if it's a non-replaced element
> (an image) with a 'display' value of 'inline' [1] and it's bottom is
> aligned with the baseline of the line box [2]. Here is a test case.
>
> http://css-class.com/test/temp/containing-block-inline4b.htm
>
> There is nothing in the spec that says that an inline box with a
> 'display' value of 'inline-block' should influence the baseline of text
> outside of it but the above test case shows that this is what happening
> and it is interoperable across all browsers. It's happening because the
> box itself does not have a 'height' that is 'auto'.
>
> Before we work out where the "static position" of the green box is (see
> below), the above has to be resolved and spec'd.

Below is a test case that shows that much of the issues are relating to 
an inline box with a 'display' value of 'inline-block' that has a height 
that is *not* 'auto'. It does not matter if the box is empty (with no 
text) or not. The only browser that seems to show wrong is Firefox. The 
green box is aligned incorrectly vertical and is above to the top edge 
of it's containing block.

http://css-class.com/test/temp/containing-block-inline5.htm

Gérard. IE12 is showing identical to Chrome.


Alan
Received on Thursday, 17 July 2014 01:48:11 UTC

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