Bug 38426 - Webkit does not follow box-lines property
: Webkit does not follow box-lines property
Status: UNCONFIRMED
Product: WebKit
Classification: Unclassified
Component: CSS
: 528+ (Nightly build)
: All All
: P3 Normal
Assigned To: Nobody
:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2010-05-01 22:32 PDT by paradox
Modified: 2012-01-07 04:20 PST (History)
5 users (show)

See Also:


Attachments
Testcase (38 bytes, text/plain)
2010-05-01 22:32 PDT, paradox
no flags Details
Testcase (552 bytes, text/html)
2010-05-01 22:35 PDT, paradox
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description paradox 2010-05-01 22:32:10 PDT
Created attachment 54861 [details]
Testcase

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
Comment 1 paradox 2010-05-01 22:35:07 PDT
Created attachment 54862 [details]
Testcase

It appears my previous attempt at attachment failed. Apologies to all concerned. Here is an upload of the testcase
Comment 2 Marc Diethelm 2011-03-01 01:44:47 PST
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.
Comment 3 paradox 2011-03-01 02:15:53 PST
Updated various fields, confirmed to be buggy on multiple platforms, such as iOS, Android, and OS X.
Comment 4 Alexander Prime 2012-01-07 04:20:38 PST
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.