Bug 309239
| Summary: | anchor-scope not working (with display: contents?) | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Gunnar Bittersmann <gunnar> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | bfulgham, fantasai.bugs, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| Bug Depends on: | |||
| Bug Blocks: | 291856 | ||
Gunnar Bittersmann
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?
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/172355302>