1370396 - calc() is not supported in animation-iteration-count

Status: NEW

(Core :: CSS Parsing and Computation, defect, P3)

Description

[Anthony Ramine [:nox]]

Safari and Chrome both allow that, I have no access to Edge.

The spec doesn't say anything about calc() expressions at the very least.

https://drafts.csswg.org/css-animations/#typedef-single-animation-iteration-count

```
<div style="animation-iteration-count: calc(2)"></div>
<pre>
<script>
    var div = document.getElementsByTagName("div")[0];
    document.writeln(div.style.animationIterationCount);
    document.writeln(getComputedStyle(div).animationIterationCount);
</script>
```

Comment 1

[Xidorn Quan [:xidorn] UTC+10]

Does Servo support that? If so, we probably should track this as a behavior change, and need to decide at some point whether we need to fix Gecko before shipping Stylo.

IIRC, Gecko's calc() support to number types are quite poor. There are many places where calc is not implemented. But It doesn't seem to me they could lead to serious webcompat issue, so I guess to just ship the changes with Stylo...

Comment 2

[Anthony Ramine [:nox]]

(In reply to Xidorn Quan [:xidorn] UTC+10 from comment #1)
> Does Servo support that? If so, we probably should track this as a behavior
> change, and need to decide at some point whether we need to fix Gecko before
> shipping Stylo.
> 
> IIRC, Gecko's calc() support to number types are quite poor. There are many
> places where calc is not implemented. But It doesn't seem to me they could
> lead to serious webcompat issue, so I guess to just ship the changes with
> Stylo...

Yes Servo supports that, because it's easier to support it than not to.