Flexbox and box-sizing

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

Flexbox and box-sizing

Philip Walton
Disclaimer: This is my first post to this list, so feel free to tell me if this email should be sent somewhere else.

I've been playing around with the new flexbox in Chrome and Webkit nightlies, and it seems that the webkit implementation ignores box-sizing: border-box. Before filing a bug or anything, I wanted to make sure my opinion of what should happen is actually the same as the intention of the spec.

Imagine the following setup:
- you have a flexbox with two child flexbox-items
- each flexbox-item has a width of 50%
- each flexbox-item has padding: 1em
- each flexbox-item has box-sizing: border-box

After reading the spec and specifically the "Flexbox Layout Algorithm", It seems to me that flexbox-items should handle widths and box-sizing the way normal elements do, but that doesn't appear to be the case.

Is this a bug in Webkit's implementation or is there somewhere that the spec address this that I've missed?

Here's a jsfiddle example illustrating the issue:

Philip
Reply | Threaded
Open this post in threaded view
|

Re: Flexbox and box-sizing

Ms2ger
On Tue, Feb 21, 2012 at 9:23 PM, Philip Walton <[hidden email]> wrote:
> Disclaimer: This is my first post to this list, so feel free to tell me if
> this email should be sent somewhere else.

Indeed. As mentioned in the specification [1], the correct venue for
css3-flexbox issues is www-style [2].

HTH
Ms2ger

[1] http://dev.w3.org/csswg/css3-flexbox/
[2] http://lists.w3.org/Archives/Public/www-style/