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
(image/png attachment: image001.png)
(image/png attachment: image002.png)