Re: [css-houdini-drafts] [css-typed-om] Serialization of 2D CSSScale should never skip the second value (#1161)

@emilio It looks like Firefox is the only one doing so. I've expanded on my test case a bit:

<details><summary>Revised test case</summary>

```html
<!DOCTYPE html>
<style>
#a {
    transform: scale(1.5);
}
#b {
    transform: scale(1.5, 1.5);
}
</style>
<div id="a"></div>
<div id="b"></div>
<script>
try {
    console.log('computedStyleMap, one value:', a.computedStyleMap().get("transform").toString());
    console.log('computedStyleMap, two values:', b.computedStyleMap().get("transform").toString());
} catch (e) {
    console.log('computedStyleMap() unavailable');
}

const divElm = document.createElement('div');
divElm.style.transform = 'scale(1.5)';
console.log('style, one value:', divElm.style.transform);

divElm.style.transform = 'scale(1.5, 1.5)';
console.log('style, two values:', divElm.style.transform);
</script>
```
</details>

| | Firefox 144.0.2 | Chrome 142.0.7444.176 | Safari 18.6 |
|--|--|--|--|
| computedStyleMap, 1 value | N/A | `scale(1.5, 1.5)` | `scale(1.5, 1.5)` |
| computedStyleMap, 2 values | N/A | `scale(1.5, 1.5)` | `scale(1.5, 1.5)` |
| style, 1 value | `scale(1.5)` | `scale(1.5)` | `scale(1.5)` |
| style, 2 values | `scale(1.5)` | `scale(1.5, 1.5)` | `scale(1.5, 1.5)` |

The reason I'm reporting this is since I saw Chrome and Safari behaving the same, and the `css/css-transforms/animation/transform-interpolation-computed-value.html` WPT test also expects two values, not one.

If you're convinced this is an issue with Chrome and Safari, I could also send in a PR to WPT?

-- 
GitHub Notification of comment by gmta
Please view or discuss this issue at https://github.com/w3c/css-houdini-drafts/issues/1161#issuecomment-3551317997 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 19 November 2025 08:04:02 UTC