[Webkit-unassigned] [Bug 255023] New: [css-grid] Masonry layout is not recalculated when grid contents change

[bugzilla-daemon at webkit.org]

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

            Bug ID: 255023
           Summary: [css-grid] Masonry layout is not recalculated when
                    grid contents change
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: klerud at gmail.com

Demo: https://codesandbox.io/s/sharp-kate-44eepy

My case is a dashboard of cards with masonry layout, where content is loaded async. The heights of each card, and number of cards, can vary between users.

In the demo, I simulate data fetching with setTimeout. My expectation is that the browser recalculates the layout when the contents of the grid changes. Currently, the containers seem to not change size, and the content overflows.

Firefox 111.0.1 behaves as expected when the feature flag is turned on.

-- 
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/20230405/de58866b/attachment-0001.htm>