Bug 252809 - [css-grid]Masonry layout is misaligned when the viewport width becomes small
Summary: [css-grid]Masonry layout is misaligned when the viewport width becomes small
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Apple Silicon) macOS 12
: P2 Major
Assignee: Brandon
URL: https://yisibl.github.io/houdini-demo...
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2023-02-23 03:29 PST by yisibl
Modified: 2023-03-26 20:31 PDT (History)
5 users (show)

See Also:

Attachments
Screenshot compared to Firefox (5.79 MB, image/png)
2023-02-23 03:29 PST, yisibl 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description yisibl 2023-02-23 03:29:19 PST 
Created attachment 465130 [details]
Screenshot compared to Firefox

Nested Masonry also does not render correctly.

- Safari Technology Preview Release 164 (Safari 16.4, WebKit 17616.1.2)
- Firefox 112.0a1 (2023-02-22), Open layout.css.grid-template-masonry-value.enabled flag.
Comment 1 Radar WebKit Bug Importer 2023-02-23 13:53:15 PST 
<rdar://problem/105850690>
Comment 2 Brandon 2023-03-04 14:30:20 PST 
Thanks for reporting this issue. I am able to reproduce (in STP 164) when I zoom in quite a bit. If I reload the page the issue appears to go away.