| Summary: | [css-grid]Masonry layout is misaligned when the viewport width becomes small | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | yisibl <50167214> | ||||
| Component: | CSS | Assignee: | Brandon <brandonstewart> | ||||
| Status: | NEW --- | ||||||
| Severity: | Major | CC: | 50167214, brandonstewart, karlcow, sgill26, webkit-bug-importer | ||||
| Priority: | P2 | Keywords: | BrowserCompat, InRadar | ||||
| Version: | Safari Technology Preview | ||||||
| Hardware: | Mac (Apple Silicon) | ||||||
| OS: | macOS 12 | ||||||
| URL: | https://yisibl.github.io/houdini-demo/masonry/index-native.html | ||||||
| Attachments: |
|
||||||
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. |
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.