Implement full <image> syntax for 'content' property
Categories
(Core :: CSS Parsing and Computation, enhancement)
Tracking
()
Tracking | Status | |
---|---|---|
firefox113 | --- | fixed |
People
(Reporter: sebo, Assigned: emilio)
References
(Blocks 3 open bugs, )
Details
(Keywords: dev-doc-needed)
Attachments
(1 file)
The CSS Generated Content Module Level 3 specifies that the content
property can take a <content-replacement>
value which is an alias for <image>
.
According to CSS Images Module Level 3 this includes support for gradients. Furthermore, CSS Images Module Level 4 extends the syntax for <image>
.
This means, the content
property should have complete support for all <image>
values.
Sebastian
Updated•4 years ago
|
Comment 2•2 years ago
|
||
Note, https://wpt.fyi/results/css/css-images/image-set/image-set-parsing.html depends on this feature. See dupe bug 1821807 comment 0 for specific subtests.
Updated•2 years ago
|
Updated•2 years ago
|
Assignee | ||
Comment 4•2 years ago
|
||
We implemented support for list-style-image anyways.
Updated•2 years ago
|
Pushed by ealvarez@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/ee3d083f9512 Support rendering content: <gradient> images. r=dholbert,devtools-reviewers
Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/38980 for changes under testing/web-platform/tests
Pushed by emilio@crisal.io: https://hg.mozilla.org/integration/autoland/rev/1029d4dcb353 Fix test_bug877690.html.
Pushed by emilio@crisal.io: https://hg.mozilla.org/integration/autoland/rev/a7595ae72e42 Annotate more test passes.
Comment 9•2 years ago
|
||
bugherder |
https://hg.mozilla.org/mozilla-central/rev/ee3d083f9512
https://hg.mozilla.org/mozilla-central/rev/1029d4dcb353
https://hg.mozilla.org/mozilla-central/rev/a7595ae72e42
Upstream PR merged by moz-wptsync-bot
Comment 11•1 year ago
|
||
The linear gradients are not working with the ::before
& ::after
psuedo selectors
This works fine with out the psuedo selectors and replaces the content correctly.
They also do not work with the psuedo selector when using linear-gradients inside image-set()
Here is a codepen with my test for this:
https://codepen.io/CodeRedDigital/pen/poxVmyq?editors=1100
Comment 12•1 year ago
|
||
I spun off bug 1832901 for comment 11.
Description
•