mdn
css.properties.grid-template-rows.masonry - Safari supports behind a flag
What type of issue is this?
Incorrect support data (example: BrowserX says "86" but support was added in "40")
What information was incorrect, unhelpful, or incomplete?
Support for CSS masonry layout in “Safari on iOS” is listed as “No Support”.
What browsers does this problem apply to, if applicable?
Safari
What did you expect to see?
CSS masonry layouts are supported in Safari iOS and iPadOS as an experimental WebKit feature which must be enabled manually.
Did you test this? If so, how?
See below screenshots of the settings in the iOS and iPadOS safari settings
Can you link to any release notes, bugs, pull requests, or MDN pages related to this?
No response
Do you have anything more you want to share?
No response
MDN URL
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout
MDN metadata
MDN page report details
- Query:
css.properties.grid-template-rows.masonry - Report started: 2024-03-27T09:43:24.971Z
I want to second that Safari 18.0 supports this feature flag on macOS as well.
If you're interested in adding the info about this feature flag to BCD, please identify in which Safari version it was first available.
Apple recommends 17.x, but it was first enabled in Safari TP 163 https://developer.apple.com/documentation/safari-technology-preview-release-notes/stp-release-163#Masonry-Layout