Bug 195029 – [css-values-4] serialization of background-position specified with calc() for specified value and for computed value

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Gérard Talbot (no longer involved)]

Tests
-----

computed value of 'background-position' when specified with calc() function: 
testing background-position: calc(6px + 21%) calc(7em + 22%)
testing background-position: calc(-8px + 23%) calc(-9em + 24%)
http://w3c-test.org/css/css-values/calc-background-position-002.html


serialization of 'background-position' when specified with calc() function
testing background-position: calc(6px + 21%) calc(7em + 22%)
testing background-position: calc(-8px + 23%) calc(-9em + 24%)
http://w3c-test.org/css/css-values/calc-background-position-003.html


Test results
- - - - - -

https://wpt.fyi/results/css/css-values/calc-background-position-002.html?label=stable

https://wpt.fyi/results/css/css-values/calc-background-position-002.html?label=master

https://wpt.fyi/results/css/css-values/calc-background-position-003.html?label=stable

https://wpt.fyi/results/css/css-values/calc-background-position-003.html?label=master


Safari 12, Safari Technological Preview and Epiphany Technological Preview (Epiphany Technological Preview 3.31.90-45-ga15d70306 with WebKitGTK 2.23.3) fail these 4 sub-tests.


In each of these 4 sub-tests, the percentage should precede the dimensions.

"
To serialize a summation:

    Sort the terms in the following order:

        The number, if present

        The percentage, if present

        The dimensions, ordered by their units ASCII case-insensitive alphabetically
(...)
"
CSS Values 4, section 9.1.5. Serialization
https://www.w3.org/TR/css-values-4/#math-function-serialize-a-summation

[Gérard Talbot (no longer involved)]

Issue 904805: Summation should serialize percentage before dimension
https://bugs.chromium.org/p/chromium/issues/detail?id=904805

[Radar WebKit Bug Importer]

<rdar://problem/48405780>

[Gérard Talbot (no longer involved)]

Also

testing calc(50px + calc(40%)) in

http://w3c-test.org/css/css-values/calc-nesting-002.html

https://wpt.fyi/results/css/css-values/calc-nesting-002.html?label=master

[Sam Weinig]

These tests seem to be passing now.