[Webkit-unassigned] [Bug 282036] New: [css-flexbox] incorrect layout with max-height and flex-direction column and justify-content center

[bugzilla-daemon at webkit.org]

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

            Bug ID: 282036
           Summary: [css-flexbox] incorrect layout with max-height and
                    flex-direction column and justify-content center
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: pgorszkowski at igalia.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

The original problem was reported in https://github.com/WebPlatformForEmbedded/WPEWebKit/issues/1417.

Here is simple test case: https://codepen.io/pgorszkowski/pen/PoMOpze

Problem exists on Safarii/WebKitGTK/WPEWebkit

Problem is not seen on Chrome/Firefox.

The main issue is when we have an nested flexbox container inside other flexbox container and the main/outside flexbox container has max-height set to smaller value than the height value set in inside container. It can be observed only in case of flex-direction: column/column-reverse and justify-content: center/space-around/space-evenly for nested container.

It seems that the max-height from the outside container is not taken into consideration when the final size(height) of the item is calculated.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20241024/4ff4781f/attachment.htm>