Created attachment 54861 [details]
When using the draft-spec flexible box model (http://www.w3.org/TR/css3-flexbox), the box-lines(http://www.w3.org/TR/css3-flexbox/#multiple) property does not appear to work at all.
What should happen:
The 4 elements (Elephant, wild...) should display in 2 lines.
What does happen:
The elements continue to shrink, following box-flex, to the point where they overlap each other, instead of moving into multiple lines
Created attachment 54862 [details]
It appears my previous attempt at attachment failed. Apologies to all concerned. Here is an upload of the testcase
I can confirm this in Chromium 9.0.597.98 (74359) Ubuntu 10.10.
That's quite a downer. Flexboxes are IMO the most useful part of CSS3, totally marginalizing shadows and rounded corners in their significance.
box-lines not working presents a usability issue on small screens because the content will overflow instead of wrapping. I for one believe the priority of this bug/enhancement should be escalated.
Updated various fields, confirmed to be buggy on multiple platforms, such as iOS, Android, and OS X.
Has anyone looked into this yet? I'd like to use it in several projects, but I have to hack in some faulty workarounds until it's implemented.