[Webkit-unassigned] [Bug 167240] New: Items in a flexbox column layout are not properly constrained to the container's height if the item's height is larger than the container's height

[bugzilla-daemon at webkit.org]

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

            Bug ID: 167240
           Summary: Items in a flexbox column layout are not properly
                    constrained to the container's height if the item's
                    height is larger than the container's height
    Classification: Unclassified
           Product: WebKit
           Version: Safari 10
          Hardware: Macintosh
                OS: macOS 10.12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: pguerrant at gmail.com

Created attachment 299348
  --> https://bugs.webkit.org/attachment.cgi?id=299348&action=review
Test Case

Steps to reproduce

1. Open the attached test case
2. note the height of the green and red box

Expected result:

The green and red boxes should both be the same size

Actual result:

The red box is taller - it appears that a flexbox layout with flex-direction: column does not properly constrain the height of items to the container when the item's height is larger than the container.

This bug only affects column layouts - when flex-direction is "row" the item's width is properly constrained to the container's width

Tested in other browsers - latest Chrome, Firefox and Edge - it works as expected - height of items is properly constrained.

Note that the behavior Safari is exhibiting is what you would expect when flex-shrink is set to 0 on the item, however in this test case the value of flex-shrink is the default (1)

-- 
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/20170120/71944892/attachment.html>