309239 2026-03-05 00:36:42 -0800 [css-anchor-position-1] Element with display: contents doesn't establish an anchor scope when using anchor-scope 2026-03-30 17:24:20 -0700 1 1 1 Unclassified WebKit Layout and Rendering WebKit Nightly Build Unspecified Unspecified RESOLVED FIXED InRadar P2 Normal --- 291856 1 gunnar kiet.ho bfulgham fantasai.bugs kiet.ho simon.fraser webkit-bug-importer zalan oldest_to_newest 2187292 0 gunnar 2026-03-05 00:36:42 -0800 Hi, this grid layout works fine in Firefox ans Chromium browsers: https://codepen.io/gunnarbittersmann/pen/OPRyObK The headings should be positioned above the first item of their section. In Safari (26.3 on macOS and iOS), all headings are stacked onto each other at the position of the last section heading, as it would look like in other browser without `anchor-scope` being set. May it be that `anchor-scope` doesn’t work well with `display: contents` on the same element? 2189457 1 webkit-bug-importer 2026-03-12 01:37:11 -0700 <rdar://problem/172355302> 2193312 2 kiet.ho 2026-03-24 16:06:27 -0700 Hello, thank you for your report. We do have a bug where a display: contents element would not establish an anchor scope, even if anchor-scope is set. A patch is forthcoming. 2193335 3 kiet.ho 2026-03-24 17:02:03 -0700 Pull request: https://github.com/WebKit/WebKit/pull/61288 2193643 4 ews-feeder 2026-03-25 15:23:00 -0700 Committed 309946@main (89983a32335b): <https://commits.webkit.org/309946@main> Reviewed commits have been landed. Closing PR #61288 and removing active labels. 2195355 5 ews-feeder 2026-03-30 17:24:20 -0700 Committed 305413.596@safari-7624-branch (7cdb93183ef0): <https://commits.webkit.org/305413.596@safari-7624-branch> Reviewed commits have been landed. Closing PR #4854 and removing active labels.