[Webkit-unassigned] [Bug 233397] New: Using display:grid inside div with column-count does not render properly, cuts text in half

[bugzilla-daemon at webkit.org]

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

            Bug ID: 233397
           Summary: Using display:grid inside div with column-count does
                    not render properly, cuts text in half
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Intel)
                OS: macOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: craigbrown24 at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 444898

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

Example html file which reproduces the bug

A two-column grid (using display: grid) inside of a two-column layout (using column-count: 2) renders incorrectly if the grid has an odd number of lines of text.

Steps to reproduce:
1. Create a two-column grid (using display: grid) inside of a two-column layout (using column-count: 2).
2. Add content to the grid such that the grid will have an odd number of lines of text.
-OR-
Instead of 1 and 2 use the attached example HTML file.

Actual result:
The layout is rendered incorrectly. The top half of the middle line of text appears at the bottom of the left column, and the bottom half appears at the top of the right column.

Expected results:
The entire middle line should appear in the left column.

-- 
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/20211120/3163c22a/attachment.htm>