Bug 38426 - Webkit does not follow box-lines property
Summary: Webkit does not follow box-lines property
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P3 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2010-05-01 22:32 PDT by paradox
Modified: 2022-07-11 17:13 PDT (History)
6 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
Show Obsolete (1) View All Add an attachment (proposed patch, testcase, etc.)

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.
Comment 5 Brent Fulgham 2022-07-11 17:13:44 PDT 
Test case seems to work the same on all browsers.