2049616 - Style query fails if custom property is set with contrast-color

Status: RESOLVED FIXED

(Core :: CSS Parsing and Computation, defect)

Description

[Jake Archibald [:jakea]]

https://output.jsbin.com/yorexud/quiet - background should be green.

@property --contrast-color {
  syntax: "<color>";
  initial-value: white;
  inherits: true;
}

:root {
  --contrast-color: contrast-color(#000);
}

@container style(--contrast-color: white) {
  body {
    background: green;
  }
}

The getComputedStyle on --contrast-color is correct, but the style query isn't working.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:jfkthame, could you have a look please?

For more information, please visit BugBot documentation.

Comment 2

[Emilio Cobos Álvarez [:emilio]]

Attachment: Reduced test-case.

The root cause is that we don't simplify contrast-color at computed-value time even though we can.

Comment 3

[Emilio Cobos Álvarez [:emilio]]

Attachment: Bug 2049616 - Resolve contrast-color() at computed-value time if possible. r=jfkthame

I'll land a reftest based on the codepen, but I gotta run now.

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/2c81cf1ea540
https://hg.mozilla.org/integration/autoland/rev/1eb5a35b878c
Resolve contrast-color() at computed-value time if possible. r=jfkthame

Comment 5

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/61128 for changes under testing/web-platform/tests

Comment 6

[Serban Stanca [:SerbanS]]

https://hg.mozilla.org/mozilla-central/rev/1eb5a35b878c

Comment 7

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream PR merged by moz-wptsync-bot