92322 2012-07-25 17:16:21 -0700 flex items not honoring box-sizing: border-box in the main axis 2012-07-25 17:23:09 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac (Intel) OS X 10.7 RESOLVED DUPLICATE 70771 P2 Normal --- 0 sjmiles webkit-unassigned dglazkov ojan sjmiles tony oldest_to_newest 678655 0 154499 sjmiles 2012-07-25 17:16:21 -0700 Created attachment 154499 Test case showing various flex items and unexpected sizes Column-flow flex items seem to ignore border-box directive for width (and for height in row-flow). 678659 1 tony 2012-07-25 17:23:09 -0700 Yeah, we don't work with padding-box either. Here are the existing bugs filed against flex box: https://bugs.webkit.org/showdependencytree.cgi?id=62048&hide_resolved=1 *** This bug has been marked as a duplicate of bug 70771 *** 154499 2012-07-25 17:16:21 -0700 2012-07-25 17:16:21 -0700 Test case showing various flex items and unexpected sizes flexbox-box-sizing-problem.html text/html 2560 sjmiles PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTx0aXRsZT48L3RpdGxlPgoJPG1ldGEgaHR0 cC1lcXVpdj0iQ29udGVudC1UeXBlIiBjb250ZW50PSJ0ZXh0L2h0bWw7IGNoYXJzZXQ9VVRGLTgi PgoJPCEtLSAtLT4KCTxzdHlsZT4KCQkuZmxleGJveCB7CgkJCWRpc3BsYXk6IC13ZWJraXQtZmxl eDsKCQl9CgkJLmNvbHVtbnMgewoJCQktd2Via2l0LWZsZXgtZmxvdzogY29sdW1uOwoJCX0KCQku cm93cyB7CgkJCS13ZWJraXQtZmxleC1mbG93OiByb3c7CgkJfQoJCS8qKi8KCQkuaDMgewoJCQlo ZWlnaHQ6IDMwMHB4OwoJCX0KCQkudzMgewoJCQl3aWR0aDogMzAwcHg7CgkJfQoJCS5oNCB7CgkJ CWhlaWdodDogNDAwcHg7CgkJfQoJCS53NCB7CgkJCXdpZHRoOiA0MDBweDsKCQl9CgkJLyoqLwoJ CS5iMXgxIHsKCQkJYm94LXNpemluZzogYm9yZGVyLWJveDsKCQkJaGVpZ2h0OiAxMDBweDsKCQkJ d2lkdGg6IDEwMHB4OwoJCX0KCQkvKiovCgkJLmJsdWUgewoJCQlib3JkZXI6IDJweCBzb2xpZCBs aWdodGJsdWU7CgkJfQoJCS5yZWQgewoJCQlib3JkZXI6IDJweCBzb2xpZCByZWQ7CgkJfQoJCS5v cmFuZ2UgewoJCQlib3JkZXI6IDJweCBzb2xpZCBvcmFuZ2U7CgkJfQoJCS8qKi8KCQkub2sgewoJ CQliYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyZWVuOwoJCX0KCQkuZXJyb3IgewoJCQlmb250LXdl aWdodDogYm9sZDsKCQkJYmFja2dyb3VuZC1jb2xvcjogI0ZGODA4MDsKCQl9Cgk8L3N0eWxlPgo8 L2hlYWQ+Cjxib2R5PgoJQWxsIGJsdWUgYm94ZXMgYXJlIDEwMHgxMDBweCB3aXRoIGJveC1zaXpp bmc6IGJvcmRlci1ib3ggYW5kIDJweCBib3JkZXIsIHdlIGV4cGVjdCBvZmZzZXRXaWR0aC9IZWln aHQgdG8gYmUgPGI+MTAweDEwMDwvYj4KCTxici8+PGJyLz4KCTxzcGFuIGNsYXNzPSJvayI+Zmxl eC1mbG93OiBkZWZhdWx0LCBvcmFuZ2UgYm94IGhhcyB3aWR0aDogMzAwcHg8L3NwYW4+Cgk8ZGl2 IGNsYXNzPSJmbGV4Ym94IG9yYW5nZSB3MyI+CgkJPGRpdiBjbGFzcz0iYmx1ZSBiMXgxIj5BPC9k aXY+CgkJPGRpdiBjbGFzcz0iYmx1ZSBiMXgxIj5CPC9kaXY+CgkJPGRpdiBjbGFzcz0iYmx1ZSBi MXgxIj5DPC9kaXY+Cgk8L2Rpdj4KCTxici8+PGJyLz48YnIvPgoJPHNwYW4gY2xhc3M9ImVycm9y Ij5mbGV4LWZsb3c6IGRlZmF1bHQsIG9yYW5nZSBib3ggaGFzIHdpZHRoOiA0MDBweDwvc3Bhbj4K CTxkaXYgY2xhc3M9ImZsZXhib3ggb3JhbmdlIHc0Ij4KCQk8ZGl2IGNsYXNzPSJibHVlIGIxeDEi PkE8L2Rpdj4KCQk8ZGl2IGNsYXNzPSJibHVlIGIxeDEiPkI8L2Rpdj4KCQk8ZGl2IGNsYXNzPSJi bHVlIGIxeDEiPkM8L2Rpdj4KCTwvZGl2PgoJPGJyLz48YnIvPjxici8+Cgk8c3BhbiBjbGFzcz0i ZXJyb3IiPmZsZXgtZmxvdzogZGVmYXVsdCwgb3JhbmdlIGJveCBoYXMgd2lkdGg6IGF1dG88L3Nw YW4+Cgk8ZGl2IGNsYXNzPSJmbGV4Ym94IG9yYW5nZSI+CgkJPGRpdiBjbGFzcz0iYmx1ZSBiMXgx Ij5BPC9kaXY+CgkJPGRpdiBjbGFzcz0iYmx1ZSBiMXgxIj5CPC9kaXY+CgkJPGRpdiBjbGFzcz0i Ymx1ZSBiMXgxIj5DPC9kaXY+Cgk8L2Rpdj4KCTxici8+PGJyLz48YnIvPgoJPHNwYW4gY2xhc3M9 Im9rIj5mbGV4LWZsb3c6IGNvbHVtbiwgcmVkIGJveCBoYXMgaGVpZ2h0OiAzMDBweDwvc3Bhbj4K CTxkaXYgY2xhc3M9ImZsZXhib3ggY29sdW1ucyByZWQgaDMiPgoJCTxkaXYgY2xhc3M9ImJsdWUg YjF4MSI+QTwvZGl2PgoJCTxkaXYgY2xhc3M9ImJsdWUgYjF4MSI+QjwvZGl2PgoJCTxkaXYgY2xh c3M9ImJsdWUgYjF4MSI+QzwvZGl2PgoJPC9kaXY+Cgk8YnIvPjxici8+PGJyLz4JPHNwYW4gY2xh c3M9ImVycm9yIj5mbGV4LWZsb3c6IGNvbHVtbiwgcmVkIGJveCBoYXMgaGVpZ2h0OiA0MDBweDwv c3Bhbj4KCTxkaXYgY2xhc3M9ImZsZXhib3ggY29sdW1ucyByZWQgaDQiPgoJCTxkaXYgY2xhc3M9 ImJsdWUgYjF4MSI+QTwvZGl2PgoJCTxkaXYgY2xhc3M9ImJsdWUgYjF4MSI+QjwvZGl2PgoJCTxk aXYgY2xhc3M9ImJsdWUgYjF4MSI+QzwvZGl2PgoJPC9kaXY+Cgk8YnIvPjxici8+PGJyLz4KCTxz cGFuIGNsYXNzPSJlcnJvciI+ZmxleC1mbG93OiBjb2x1bW4sIHJlZCBib3ggaGFzIGhlaWdodDog YXV0bzwvc3Bhbj4KCTxkaXYgY2xhc3M9ImZsZXhib3ggY29sdW1ucyByZWQiPgoJCTxkaXYgY2xh c3M9ImJsdWUgYjF4MSI+QTwvZGl2PgoJCTxkaXYgY2xhc3M9ImJsdWUgYjF4MSI+QjwvZGl2PgoJ CTxkaXYgY2xhc3M9ImJsdWUgYjF4MSI+QzwvZGl2PgoJPC9kaXY+Cgk8c2NyaXB0PgoJCVtdLmZv ckVhY2guY2FsbChkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCIuYjF4MSIpLCBmdW5jdGlvbihu KSB7CgkJCXZhciB3ID0gbi5vZmZzZXRXaWR0aCwgaCA9IG4ub2Zmc2V0SGVpZ2h0OwoJCQluLmlu bmVySFRNTCA9ICh3ICE9IDEwMCA/ICc8c3BhbiBjbGFzcz0iZXJyb3IiPicgKyB3ICsgJzwvc3Bh bj4nIDogdykgKyAiIHggIiArIChoICE9IDEwMCA/ICc8c3BhbiBjbGFzcz0iZXJyb3IiPicgKyBo ICsgJzwvc3Bhbj4nIDogaCk7CgkJfSk7Cgk8L3NjcmlwdD4KPC9ib2R5Pgo8L2h0bWw+Cg==