Bug 255022
| Summary: | [css-grid] grid-template-rows: masonry has an effect, even when the feature is turned off | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | William Killerud <klerud> |
| Component: | CSS | Assignee: | Brandon <brandonstewart> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | ajuma, brandonstewart, sgill26, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 16 | ||
| Hardware: | All | ||
| OS: | All | ||
| URL: | https://codesandbox.io/s/festive-moon-n16ycr | ||
William Killerud
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/107666160>
Brandon
Pull request: https://github.com/WebKit/WebKit/pull/12433
Brandon
Just posted a PR to fix this. Thanks for reporting it.
EWS
Committed 262670@main (ef3245fe7ca0): <https://commits.webkit.org/262670@main>
Reviewed commits have been landed. Closing PR #12433 and removing active labels.
alan
*** Bug 257509 has been marked as a duplicate of this bug. ***