Bug 155820
| Summary: | Webkit supports generated content on any element | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Greg Whitworth <gwhit> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | bfulgham, dino, jond, mathias, simon.fraser |
| Priority: | P2 | Keywords: | FromImplementor |
| Version: | Safari 9 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Greg Whitworth
What steps will reproduce the problem?
(1) Open https://jsfiddle.net/btw9uqn6/
What is the expected output?
No image is seen
What do you see instead?
An image is inserted into the DOM element
Additional information:
-----------------------
Gecko: No Repro
Edge: No Repro
Webkit: Repro
Blink: Repro
What the specs say
-----------------------
The CSS 2.1 specification states (https://www.w3.org/TR/CSS2/generate.html#content) that it applies to :before and :after psuedo elements. While the css-content-3 allow for it to be on all elements but this specification is not ready for implementation per the red error note (https://drafts.csswg.org/css-content-3/#inserting-replacing-content).
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
Thanks Greg.
Brent Fulgham
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.