[css-animations] Keyframes appearing more than once in animation-name

A bug was filed on WebKit showing incorrect behavior in an animation test case[1] which repeats the same keyframes in comma-separated animation-name, like:

  animation-name: a, b, a, b;
  animation-duration: 1s, 1s, 1s, 1s;
  animation-delay: 0s, 2s, 4s, 6s;
  animation-fill-mode: forwards, forwards, forwards, forwards;

@keyframes a {...}
@keyframes b {...}

I don't think the spec[2] has enough information to describe whether this should work in the static case, and what happens in the face of a change in the value.

In the example above, it's clear what the author wants, and it works in Chrome and FF. However, what happens when the value of animation-name changes? For example, if it changed to "a, a, b, b" in the example above, which animations would keep running?


[1] https://codepen.io/anon/pen/vGQXLr <https://codepen.io/anon/pen/vGQXLr>
[2] https://drafts.csswg.org/css-animations-1/#animation-name

Received on Wednesday, 4 May 2016 19:12:10 UTC