Bug 252809

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:

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:

Description	Flags
Screenshot compared to Firefox	none

yisibl

Reported 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.

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

Radar WebKit Bug Importer

Comment 1 2023-02-23 13:53:15 PST

<rdar://problem/105850690>

Brandon

Comment 2 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.

Note You need to log in before you can comment on or make changes to this bug.