Closed Bug 1684909 Opened 4 years ago Closed 3 years ago

Implement most of the remaining bits of image-set().

Categories

(Core :: CSS Parsing and Computation, task)

task

Tracking

()

RESOLVED FIXED
86 Branch
Tracking Status
firefox86 --- fixed

People

(Reporter: emilio, Assigned: emilio)

References

Details

Attachments

(5 files)

No description provided.

This is based on the logic in ResponsiveImageSelector::SelectImage (just
simplified because there's no viewport-dependent widths here).

none is not technically part of the <image> syntax. Tests in following
patches.

Depends on D100698

The tests uncover two things:

  • cursor: image-set() doesn't work, because there's no <image> in the
    spec: https://drafts.csswg.org/css-ui-4/#cursor

  • content: image-set() similarly doesn't work. Though in this case the
    spec does call for it to work.

The later doesn't work because we don't support the whole <image> syntax
in content (so, we don't support content: linear-gradient or so on).
That seems like a separate issue to fix (WebKit does support this).

The former should probably also work (though WebKit only supports URLs
and not other images like gradients... will file a spec issue).

Depends on D100700

Seems good enough for experimental usage.

Depends on D100701

Could you make the summary of this bug more distinct to bug 1107646? It's not clear what's the difference between them or why it needs a separate bug.

I've created bug 1684958 for adding support for the whole <image> syntax for content.

Besides that, I want to thank you for implementing image-set(), Emilio! I was already waiting for that. Y feliz año nuevo!

Sebastian

Flags: needinfo?(emilio)
Flags: needinfo?(emilio)
Summary: Implement image-set(). → Implement most of the remaining bits of image-set().

(In reply to Sebastian Zartner [:sebo] from comment #6)

Could you make the summary of this bug more distinct to bug 1107646? It's not clear what's the difference between them or why it needs a separate bug.

Gave that a shot :)

Besides that, I want to thank you for implementing image-set(), Emilio! I was already waiting for that. Y feliz año nuevo!

Np, happy new year too :)

Keywords: leave-open
Pushed by ealvarez@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/f3a333364a1f
Implement source selection for image-set. r=boris
https://hg.mozilla.org/integration/autoland/rev/f00b50981640
Don't allow to parse image-set(none). r=boris
Pushed by ealvarez@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/a87862fd7300
Make rendering aware of image-set(). r=dholbert
Pushed by ealvarez@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/5c7363d33df3
Add and adjust image-set tests / test expectations. r=dholbert
https://hg.mozilla.org/integration/autoland/rev/d832e4bba362
Enable image-set by default on Nightly builds. r=boris
Pushed by emilio@crisal.io:
https://hg.mozilla.org/integration/autoland/rev/95a0aff84061
Update the devtools CSS database.
Keywords: leave-open
Pushed by emilio@crisal.io:
https://hg.mozilla.org/integration/autoland/rev/a37b47ad6bc7
Fix a mochitest that didn't account for image-set.
Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/27167 for changes under testing/web-platform/tests
Upstream PR merged by moz-wptsync-bot
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: