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:
http://jsfiddle.net/Qx3nW/1/
Philip