Bug 139649 – CSS Animation inline property

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: Animations

[Albert]

CSS Animation on span element with delay is not working. suspicion of "inline" property on span elements. Once I add "block" or "inline-block" the animation and delay works perfectly. 

Bug: 2nd and 3rd "A" do not bounce. 

http://jsfiddle.net/a9Lg23n5/

Solution/Suspected bug: (display: inline-block)

http://jsfiddle.net/a9Lg23n5/4/

[Antoine Quint]

This is correct per spec, see the definition of "transformable element" at https://www.w3.org/TR/css-transforms-1/#transformable-element:

> A transformable element is an element in one of these categories:
> - all elements whose layout is governed by the CSS box model except
> for non-replaced inline boxes, table-column boxes, and
> table-column-group boxes [CSS2],

Additionally, the jsfiddle behaves the same across Chrome, Firefox and Safari.