[Webkit-unassigned] [Bug 94584] New: [Flexbox] Regression: Text overflow broken for flex items

[bugzilla-daemon at webkit.org]

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

           Summary: [Flexbox] Regression: Text overflow broken for flex
                    items
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: pimvdb at live.nl


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

Scenario:

A flexbox with two flex items:

 - The left flex item contains of one line of text (`white-space: nowrap`) and should show ellipsis when the text doesn't fit.
 - The right flex item (which is red) should take up all available space using `-webkit-flex: 1 0 auto`. The `auto` is there so that the element keeps at least its minimum size.

Problem:

When the left flex item has too much text, it overflows out of the flexbox container, showing no ellipsis. The right flex item is pushed out of the flexbox.

This rendered fine on Chrome 21, but is broken on Chrome 23. That is, in Chrome 21 the right column has its minimum size and is anchored to the right, with the left column showing ellipsis. In Chrome 23, however, there is no ellipsis and the left column overflows out of the flexbox, pushing the right flex item away.

For the record, here are the Chrome/WebKit versions used:

Chrome 21.0.1180.79 - WebKit 537.1 (correct rendering)
Chrome 23.0.1240.0 - WebKit 537.6 (wrong rendering)

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