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

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.