1151861 - CSS animations do not restart when setting "display: block"

Status: RESOLVED DUPLICATE of bug 962594

(Core :: Layout, defect)

Description

[willsonsmth]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0
Build ID: 20150320202338

Steps to reproduce:

Made an element on a page with an animation.
Animation plays.
Set element.style.display = "none"; in javascript
Set element.style.display = "block"; in javascript



Actual results:

The animation initially plays on the page as expected, however after hiding and showing the element: the animation did not restart. The element just showed as though it had no animations.


Expected results:

According to the CSS animations spec: 
"...If an element has a display of none, updating display to a value other than none will start all animations applied to the element by the animation-name property, as well as all animations applied to descendants with display other than none."
(http://dev.w3.org/csswg/css-animations-1/)

The element should have restarted its animation, or any children of the displayed element.


A test case can be found here:
https://codepen.io/willsonsmith/pen/YPbLBR

Comment 1

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

I think this was a relatively recent spec change.