1915905 - [wpt-sync] Sync PR 47893 - WebKit export: Support CSS color values that use calc() with non-absolute lengths

Status: RESOLVED FIXED

(Core :: CSS Parsing and Computation, task, P4)

Description

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

Sync web-platform-tests PR 47893 into mozilla-central (this bug is closed when the sync is complete).

PR: https://github.com/web-platform-tests/wpt/pull/47893
Details from upstream follow.

Sam Weinig <[e-mail]> wrote:

WebKit export: Support CSS color values that use calc() with non-absolute lengths

Export of Support CSS color values that use calc() with non-absolute lengths (https://bugs.webkit.org/show_bug.cgi?id=278547)

Comment 1

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

Pushed to try (stability) https://treeherder.mozilla.org/#/jobs?repo=try&revision=c3203f1fc7779ceaa0915f0f3a906c292ccdb9ba

Comment 2

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

CI Results

Ran 9 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI

Total 12 tests and 66 subtests

Status Summary

Firefox

OK : 12
PASS : 6209
FAIL : 146

Chrome

OK : 8
PASS : 2349
CRASH: 4
FAIL : 102

Safari

OK : 12
PASS : 6179
FAIL : 176

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

• /css/css-color/parsing/color-computed-color-function.html [wpt.fyi]
  • Property color value 'color(srgb calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(srgb 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(srgb-linear calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(srgb-linear 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(a98-rgb calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(a98-rgb 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(rec2020 calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(rec2020 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(prophoto-rgb calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(prophoto-rgb 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(display-p3 calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(display-p3 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(xyz calc(0.5 + (sign(1em - 10px) * 0.1)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(xyz 0.5 0 0 / calc(0.5 + (sign(1em - 10px) * 0.1)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(xyz-d50 calc(0.5 + (sign(1em - 10px) * 0.1)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(xyz-d50 0.5 0 0 / calc(0.5 + (sign(1em - 10px) * 0.1)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(xyz-d65 calc(0.5 + (sign(1em - 10px) * 0.1)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(xyz-d65 0.5 0 0 / calc(0.5 + (sign(1em - 10px) * 0.1)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(srgb calc(0.5 + (sign(2cqw - 10px) * 0.1)) 0 0 / 0.51)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'color(srgb calc(0.5 + (sign(2cqw - 10px) * 0.1)) 0 0 / 0.52)': FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-color/parsing/color-computed-color-mix-function.html [wpt.fyi]
  • Property color value 'color-mix(in srgb, red calc(50% + (sign(100em - 1px) * 10%)), blue)': FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-color/parsing/color-computed-hsl.html [wpt.fyi]
  • Property color value 'hsl(calc(50deg + (sign(1em - 10px) * 10deg)), 100%, 37.5%, 50%)': FAIL (Safari: FAIL)
  • Property color value 'hsla(calc(50deg + (sign(1em - 10px) * 10deg)), 100%, 37.5%, 50%)': FAIL (Safari: FAIL)
  • Property color value 'hsl(calc(50 + (sign(1em - 10px) * 10)), 100%, 37.5%, 50%)': FAIL (Safari: FAIL)
  • Property color value 'hsla(calc(50 + (sign(1em - 10px) * 10)), 100%, 37.5%, 50%)': FAIL (Safari: FAIL)
  • Property color value 'hsl(60deg, 100%, 37.5%, calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Safari: FAIL)
  • Property color value 'hsla(60deg, 100%, 37.5%, calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Safari: FAIL)
  • Property color value 'hsl(60, 100%, 37.5%, calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Safari: FAIL)
  • Property color value 'hsla(60, 100%, 37.5%, calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Safari: FAIL)
  • Property color value 'hsl(calc(50deg + (sign(1em - 10px) * 10deg)) 100% 37.5% / 50%)': FAIL (Safari: FAIL)
  • Property color value 'hsla(calc(50deg + (sign(1em - 10px) * 10deg)) 100% 37.5% / 50%)': FAIL (Safari: FAIL)
  • Property color value 'hsl(calc(50 + (sign(1em - 10px) * 10)) 100 37.5 / 0.5)': FAIL (Safari: FAIL)
  • Property color value 'hsla(calc(50 + (sign(1em - 10px) * 10)) 100 37.5 / 0.5)': FAIL (Safari: FAIL)
  • Property color value 'hsl(60deg 100% 37.5% / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Safari: FAIL)
  • Property color value 'hsla(60deg 100% 37.5% / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Safari: FAIL)
  • Property color value 'hsl(60 100 37.5 / calc(0.75 + (sign(1em - 10px) * 0.1)))': FAIL (Safari: FAIL)
  • Property color value 'hsla(60 100 37.5 / calc(0.75 + (sign(1em - 10px) * 0.1)))': FAIL (Safari: FAIL)
  • Property color value 'hsla(calc(50deg + (sign(2cqw - 10px) * 10deg)), 100%, 37.5%, 51%)': FAIL (Safari: FAIL)
  • Property color value 'hsla(calc(50deg + (sign(2cqw - 10px) * 10deg)), 100%, 37.5%, 52%)': FAIL (Safari: FAIL)
• /css/css-color/parsing/color-computed-hwb.html [wpt.fyi]
  • Property color value 'hwb(calc(110deg + (sign(1em - 10px) * 10deg)) 30% 50% / 50%)': FAIL (Safari: FAIL)
  • Property color value 'hwb(calc(110 + (sign(1em - 10px) * 10)) 30 50 / 0.5)': FAIL (Safari: FAIL)
  • Property color value 'hwb(120deg 30% 50% / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Safari: FAIL)
  • Property color value 'hwb(120 30 50 / calc(0.75 + (sign(1em - 10px) * 0.1)))': FAIL (Safari: FAIL)
  • Property color value 'hwb(calc(110deg + (sign(2cqw - 10px) * 10deg)) 30 50 / 51%)': FAIL (Safari: FAIL)
  • Property color value 'hwb(calc(110deg + (sign(2cqw - 10px) * 10deg)) 30 50 / 52%)': FAIL (Safari: FAIL)
• /css/css-color/parsing/color-computed-lab.html [wpt.fyi]
  • Property color value 'lab(calc(50 + (sign(1em - 10px) * 10)) 30 50 / 50%)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'oklab(calc(0.5 + (sign(1em - 10px) * 0.1)) 0.3 0.5 / 50%)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'lab(60 30 50 / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'oklab(0.6 0.3 0.5 / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'lch(calc(50 + (sign(1em - 10px) * 10)) 30 50deg / 50%)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'oklch(calc(0.5 + (sign(1em - 10px) * 0.1)) 0.3 50deg / 50%)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'lch(60 30 50deg / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'oklch(0.6 0.3 50deg / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'lab(calc(50 + (sign(2cqw - 10px) * 10)) 30 50 / 0.51)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'oklab(calc(0.5 + (sign(2cqw - 10px) * 0.1)) 0.3 0.5 / 0.51)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'lch(calc(50 + (sign(2cqw - 10px) * 10)) 30 50 / 0.51)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'oklch(calc(0.5 + (sign(2cqw - 10px) * 0.1)) 0.3 50 / 0.51)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'lab(calc(50 + (sign(2cqw - 10px) * 10)) 30 50 / 0.52)': FAIL (Chrome: PASS, Safari: FAIL)
  • Property color value 'oklab(calc(0.5 + (sign(2cqw - 10px) * 0.1)) 0.3 0.5 / 0.52)': FAIL (Chrome: PASS, Safari: FAIL)
  • Property color value 'lch(calc(50 + (sign(2cqw - 10px) * 10)) 30 50 / 0.52)': FAIL (Chrome: PASS, Safari: FAIL)
  • Property color value 'oklch(calc(0.5 + (sign(2cqw - 10px) * 0.1)) 0.3 50 / 0.52)': FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-color/parsing/color-computed-rgb.html [wpt.fyi]
  • Property color value 'rgb(calc(50% + (sign(1em - 10px) * 10%)), 0%, 0%, 50%)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(calc(50% + (sign(1em - 10px) * 10%)), 0%, 0%, 50%)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgb(calc(50 + (sign(1em - 10px) * 10)), 0, 0, 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(calc(50 + (sign(1em - 10px) * 10)), 0, 0, 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgb(0%, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(0%, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgb(0, 0, 0, calc(0.75 + (sign(1em - 10px) * 0.1)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(0, 0, 0, calc(0.75 + (sign(1em - 10px) * 0.1)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgb(calc(50% + (sign(1em - 10px) * 10%)) 0% 0% / 50%)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(calc(50% + (sign(1em - 10px) * 10%)) 0% 0% / 50%)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgb(calc(50 + (sign(1em - 10px) * 10)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(calc(50 + (sign(1em - 10px) * 10)) 0 0 / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgb(0% 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(0% 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgb(0 0 0 / calc(0.75 + (sign(1em - 10px) * 0.1)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(0 0 0 / calc(0.75 + (sign(1em - 10px) * 0.1)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(calc(50% + (sign(1em - 10px) * 10%)) 0 0% / 0.5)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(0% 0 0% / calc(0.75 + (sign(1em - 10px) * 0.1)))': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(calc(50% + (sign(2cqw - 10px) * 10%)), 0%, 0%, 51%)': FAIL (Chrome: FAIL, Safari: FAIL)
  • Property color value 'rgba(calc(50% + (sign(2cqw - 10px) * 10%)), 0%, 0%, 52%)': FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-color/parsing/color-valid-color-function.html [wpt.fyi]
  • e.style['color'] = "color(srgb calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(srgb 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(srgb-linear calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(srgb-linear 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(a98-rgb calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(a98-rgb 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(rec2020 calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(rec2020 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(prophoto-rgb calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(prophoto-rgb 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(display-p3 calc(50% + (sign(1em - 10px) * 10%)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(display-p3 0.5 0 0 / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(xyz calc(0.5 + (sign(1em - 10px) * 0.1)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(xyz 0.5 0 0 / calc(0.5 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(xyz-d50 calc(0.5 + (sign(1em - 10px) * 0.1)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(xyz-d50 0.5 0 0 / calc(0.5 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(xyz-d65 calc(0.5 + (sign(1em - 10px) * 0.1)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "color(xyz-d65 0.5 0 0 / calc(0.5 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
• /css/css-color/parsing/color-valid-color-mix-function.html [wpt.fyi]
  • e.style['color'] = "color-mix(in hsl, red calc(50% * sign(100em - 1px)), blue)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-color/parsing/color-valid-hsl.html [wpt.fyi]
  • e.style['color'] = "hsl(calc(50deg + (sign(1em - 10px) * 10deg)), 0%, 0%, 50%)" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsla(calc(50deg + (sign(1em - 10px) * 10deg)), 0%, 0%, 50%)" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsl(calc(50 + (sign(1em - 10px) * 10)), 0%, 0%, 50%)" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsla(calc(50 + (sign(1em - 10px) * 10)), 0%, 0%, 50%)" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsl(0deg, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsla(0deg, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsl(0, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsla(0, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsl(calc(50deg + (sign(1em - 10px) * 10deg)) 0% 0% / 50%)" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsla(calc(50deg + (sign(1em - 10px) * 10deg)) 0% 0% / 50%)" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsl(calc(50 + (sign(1em - 10px) * 10)) 0 0 / 0.5)" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsla(calc(50 + (sign(1em - 10px) * 10)) 0 0 / 0.5)" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsl(0deg 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsla(0deg 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsl(0 0 0 / calc(0.75 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hsla(0 0 0 / calc(0.75 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Safari: FAIL)
• /css/css-color/parsing/color-valid-hwb.html [wpt.fyi]
  • e.style['color'] = "hwb(calc(110deg + (sign(1em - 10px) * 10deg)) 30% 50% / 50%)" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hwb(calc(110 + (sign(1em - 10px) * 10)) 30 50 / 0.5)" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hwb(120deg 30% 50% / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Safari: FAIL)
  • e.style['color'] = "hwb(120 30 50 / calc(0.75 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Safari: FAIL)
• /css/css-color/parsing/color-valid-lab.html [wpt.fyi]
  • e.style['color'] = "lab(calc(50 + (sign(1em - 10px) * 10)) 30 50 / 50%)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "oklab(calc(0.5 + (sign(1em - 10px) * 0.1)) 0.3 0.5 / 50%)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "lab(60 30 50 / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "oklab(0.6 0.3 0.5 / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "lch(calc(50 + (sign(1em - 10px) * 10)) 30 50deg / 50%)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "oklch(calc(0.5 + (sign(1em - 10px) * 0.1)) 0.3 50deg / 50%)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "lch(60 30 50deg / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "oklch(0.6 0.3 50deg / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
• /css/css-color/parsing/color-valid-rgb.html [wpt.fyi]
  • e.style['color'] = "rgb(calc(50% + (sign(1em - 10px) * 10%)), 0%, 0%, 50%)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgba(calc(50% + (sign(1em - 10px) * 10%)), 0%, 0%, 50%)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgb(calc(50 + (sign(1em - 10px) * 10)), 0, 0, 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgba(calc(50 + (sign(1em - 10px) * 10)), 0, 0, 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgb(0%, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgba(0%, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgb(0, 0, 0, calc(0.75 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgba(0, 0, 0, calc(0.75 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgb(calc(50% + (sign(1em - 10px) * 10%)) 0% 0% / 50%)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgba(calc(50% + (sign(1em - 10px) * 10%)) 0% 0% / 50%)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgb(calc(50 + (sign(1em - 10px) * 10)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgba(calc(50 + (sign(1em - 10px) * 10)) 0 0 / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgb(0% 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgba(0% 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgb(0 0 0 / calc(0.75 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgba(0 0 0 / calc(0.75 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgba(calc(50% + (sign(1em - 10px) * 10%)) 0 0% / 0.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • e.style['color'] = "rgba(0% 0 0% / calc(0.75 + (sign(1em - 10px) * 0.1)))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/mozilla-central/rev/c4e9b66f7a4e
[wpt PR 47893] - WebKit export: Support CSS color values that use calc() with non-absolute lengths, a=testonly
https://hg.mozilla.org/mozilla-central/rev/b8406e0319ec
[wpt PR 47893] - Update wpt metadata, a=testonly

Comment 4

[Atila Butkovits]

https://hg.mozilla.org/mozilla-central/rev/c4e9b66f7a4e
https://hg.mozilla.org/mozilla-central/rev/b8406e0319ec