Bug 139649
| Summary: | CSS Animation inline property | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Albert <atseng3> |
| Component: | Animations | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED WORKSFORME | ||
| Severity: | Normal | CC: | dino, graouts |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| URL: | http://jsfiddle.net/a9Lg23n5/ | ||
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/
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
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.