Bug 38426 - Webkit does not follow box-lines property
: Webkit does not follow box-lines property
: WebKit
: 528+ (Nightly build)
: All All
: P3 Normal
Assigned To:
  Show dependency treegraph
Reported: 2010-05-01 22:32 PST by
Modified: 2012-01-07 04:20 PST (History)

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


You need to log in before you can comment on or make changes to this bug.

Description From 2010-05-01 22:32:10 PST
Created an attachment (id=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
------- Comment #1 From 2010-05-01 22:35:07 PST -------
Created an attachment (id=54862) [details]

It appears my previous attempt at attachment failed. Apologies to all concerned. Here is an upload of the testcase
------- Comment #2 From 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 From 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 From 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.