282036 2024-10-24 03:08:05 -0700 [css-flexbox] incorrect layout with max-height and flex-direction column and justify-content center 2024-11-10 20:43:24 -0800 1 1 1 Unclassified WebKit Layout and Rendering WebKit Nightly Build Unspecified All NEW BrowserCompat, InRadar P2 Normal --- 1 pgorszkowski pgorszkowski bfulgham karlcow simon.fraser webkit-bug-importer zalan oldest_to_newest 2070321 0 pgorszkowski 2024-10-24 03:08:05 -0700 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. 2071215 1 pgorszkowski 2024-10-29 06:24:37 -0700 Pull request: https://github.com/WebKit/WebKit/pull/35859 2071828 2 webkit-bug-importer 2024-10-31 03:09:14 -0700 <rdar://problem/138987797>