[Webkit-unassigned] [Bug 116589] New: flex items with auto margins in a vertical flex container get stretched, but they shouldn't

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=116589

           Summary: flex items with auto margins in a vertical flex
                    container get stretched, but they shouldn't
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: dholbert at mozilla.com
                CC: tony at chromium.org, ojan at chromium.org


Created an attachment (id=202495)
 --> (https://bugs.webkit.org/attachment.cgi?id=202495&action=review)
testcase

STR:
 1. Load testcase.

EXPECTED RESULTS: Both lines should be centered horizontally.
ACTUAL RESULTS: The first line ("centeredWithMargins") isn't centered -- its background is stretched to fill the width of the container.

I'm testing Chrome Version 28.0.1500.20 dev, which gives ACTUAL RESULTS.

Firefox Nightly and Opera 12.15 both give EXPECTED RESULTS.

Pulling back the covers slightly: this is a flex container with one flex item, and WebKit is stretching it horizontally (in the cross axis) due to the "align-self: stretch" property.  However, it's not supposed to do that when the flex item has auto margins in the cross axis, as noted in the spec here:
> If a flex item has ‘align-self: stretch’ [...] and
> neither of its cross-axis margins are ‘auto’,
> the used outer cross size is the used cross size of
> its flex line (i.e. stretch it).
http://www.w3.org/TR/css3-flexbox/#cross-sizing

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.