[Webkit-unassigned] [Bug 237710] New: REGRESSION: element with "align-items: baseline" does not wrap correctly in nested flex/grid structure

[bugzilla-daemon at webkit.org]

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

            Bug ID: 237710
           Summary: REGRESSION: element with "align-items: baseline" does
                    not wrap correctly in nested flex/grid structure
           Product: WebKit
           Version: WebKit Local Build
          Hardware: PC
                OS: Linux
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: sebastian.sams at bestsolution.at

Created attachment 454343

  --> https://bugs.webkit.org/attachment.cgi?id=454343&action=review

HTML snippet to reproduce the bug

when wrapping some text in a nested flex/grid structure and setting "align-items: baseline;" on the parent grid, long text which exceeds the width of the container is not wrapped (its width is not limited by the parent width). Instead the text is rendered in a single line. The height of the container however is calculated correctly, just as if the text would be wrapped properly. See attached HTML snipped for details on the structure.

A different nesting of grid/flex containers quickly resolves the issue, the problem seems to be only present when mixing both flex and grid items.

The bug has been reproduced using the build of WebKit included in the *Playwright* project v1.19.2: https://github.com/microsoft/playwright/blob/v1.19.2/browser_patches/webkit/UPSTREAM_CONFIG.sh => WebKit version should be https://commits.webkit.org/246774@main.
It worked as expected with the version included in Playwright 1.16.3 (https://github.com/microsoft/playwright/blob/v1.16.3/browser_patches/webkit/UPSTREAM_CONFIG.sh) -> maps to https://commits.webkit.org/242973@main. Seems to be broken since at least commit https://commits.webkit.org/243863@main (from Playwright 1.17.0).

-- 
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/20220310/f68a6fec/attachment.htm>