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

Re: [css-grid] Overlapping elements & backgrounds

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Sat, 1 Nov 2014 08:50:42 -0700
Message-ID: <CAAWBYDA16FpOMUVSONdA1e4hkwgT57P=v=OUQT7=Z-HZstZC7g@mail.gmail.com>
To: François REMY <francois.remy.dev@outlook.com>
Cc: www-style list <www-style@w3.org>, Manuel Rego Casasnovas <rego@igalia.com>
On Sat, Nov 1, 2014 at 3:40 AM, François REMY <francois.remy.dev@outlook.com
> wrote:

> Hi,
>
>
>
> I’m trying to make sense out of Chrome’s rendering of this simple example:
>
> http://gridbyexample.com/examples/code/example1.html
>
>
>
>
>
> Why are the backgrounds drawn in z-index order for all items, and then
> only is the content ? Shouldn’t the “B” letter be rendered underneath the
> background of the C-box? Like this:
>
>
Yes, this is a painting order bug.  Though backgrounds are of course drawn
before text, elements are drawn whole before following siblings.


> Another question I had is: it seems Chrome renders the “B” in the right
> padding of the B-box. I call this the “absolute-min-content” rendering
> because it doesn’t even meet the “min-width: min-content” requirement. Is
> it the expected rendering or are we supposed to at least meet “min-width:
> min-content”? The latter is what I had understood from the spec, but this
> isn’t quite as clear as I would like.
>

No, there is no requirement for a box to be min-content sized.  In this
case, the B's box is overflowing its cell, and the B itself is overflowing
its content box.  Where did you think such a minimum would come from?

~TJ


image001.png
(image/png attachment: image001.png)

image002.png
(image/png attachment: image002.png)

Received on Saturday, 1 November 2014 15:51:29 UTC

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