Re: [css3-flexbox] handling whitespace between items in a flexbox

On Fri, Apr 6, 2012 at 5:10 PM, Brad Kemper <brad.kemper@gmail.com> wrote:
> On Apr 5, 2012, at 4:20 PM, "Tab Atkins Jr." <jackalmage@gmail.com> wrote:
>> On Thu, Mar 22, 2012 at 12:00 AM, Daniel Holbert <dholbert@mozilla.com> wrote:
>>> Hi www-style,
>>>
>>> Currently, I don't believe the spec makes any mention of how to handle
>>> whitespace between flexbox items. (whether it's ignored or counts as
>>> "non-replaced inline children" and triggers an anonymous flexbox item)
>>>
>>> Consider e.g. the following testcase:
>>>  <div style="display: flexbox">
>>>   <img>
>>>   <img>
>>>  </div>
>>>
>>> My guess is that we'd that to only generate 2 flexbox items, right?
>>> (rather than 5 items, which we'd get if we counted the whitespace at the
>>> beginning / middle / end as anonymous-flexbox-item-worthy)
>>>
>>> It'd probably be good to clarify this, as rendering engines _do_ generate
>>> boxes for runs of whitespace in many cases (which are then sometimes
>>> collapsed and sometimes not).
>>
>> I've added the following sentence to the third list item in the
>> flexbox generation section: "If the contents of the anonymous box
>> would be solely an anonymous inline containing only whitespace, the
>> box is not generated, and the whitespace is removed from the box
>> tree."
>
> Wouldn't you want to also collapse away any whitespace before and after any untagged non-whitespace content?

I think that happens automatically during inline layout.  I'm honestly
quite unsure of exactly when white-space collapsing is supposed to
happen in CSS, though.  >_<

~TJ

Received on Saturday, 7 April 2012 00:18:35 UTC