Affects Safari 16.4 and Technical Preview 166. With the experimental feature CSS Masonry Layout turned OFF, when grid-template-rows: masonry is present, the grid is laid out with a masonry effect. `@supports (grid-template-rows: masonry)` matches as well. The masonry layout has some issues that break certain layouts, so this seemingly accidental introduction of the feature is a bit unfortunate. Demo: https://codesandbox.io/s/festive-moon-n16ycr?file=/src/styles.css:40-79 In Safari 16.4 with the CSS Masonry Layout experimental feature turned OFF, I would expect not to see the text "This browsesr supports masonry". Firefox behaves correctly, only showing the text when the feature flag is turned on.
<rdar://problem/107666160>
Pull request: https://github.com/WebKit/WebKit/pull/12433
Just posted a PR to fix this. Thanks for reporting it.
Committed 262670@main (ef3245fe7ca0): <https://commits.webkit.org/262670@main> Reviewed commits have been landed. Closing PR #12433 and removing active labels.
*** Bug 257509 has been marked as a duplicate of this bug. ***