[Webkit-unassigned] [Bug 145236] New: Fractional-width floated boxes in flexbox, flex-flow: row wrap get laid out one pixel to the right

[bugzilla-daemon at webkit.org]

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

            Bug ID: 145236
           Summary: Fractional-width floated boxes in flexbox, flex-flow:
                    row wrap get laid out one pixel to the right
    Classification: Unclassified
           Product: WebKit
           Version: 528+ (Nightly build)
          Hardware: Unspecified
                OS: Mac OS X 10.10
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: dwood at karelia.com

Created attachment 253482
  --> https://bugs.webkit.org/attachment.cgi?id=253482&action=review
Reduction showing problem with layout of flexbox

In some circumstance when you have a div with a fractional width (e.g. 66.666%) laid out NOT as a flex box, in a flex box container with 'row wrap' as its flex-flow value, it is laid out one pixel to the right of where it should be.  (You can see the left edge of the containing div, but you shouldn't)

The attached reduction file shows examples of the problem and some workarounds:

1) The problem

2) A workaround by calculating the width of the larger div to be calc (66.666% - 1px) to make the items fit.

3) An exception to the problem - if it is preceded by a 100% width div

4) A workaround by not specifying the 'row wrap' value of flex-flow.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20150521/d0d8e23c/attachment.html>