1367290 - stylo: transition is slower than gecko on the CSS Creates demo

Status: RESOLVED DUPLICATE of bug 1367292

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

Description

[Shing Lyu [:shinglyu]]

Attachment: bouncing_jitter.ogv

STR: 

* Open http://bennettfeely.com/csscreatures/
* Observe the ones with bouncy movements
* Click the faces

Expected:
* Smooth animation
* When clicked, the ball will expand for a short period of time

Actual:
* Stylo's animation has significantly lower frame rate the gecko
* No animation when clicked

Version:
* commit 20ab6785cbd9da0af89da357cbef4f50c6a2afdf
* opt build on linux64

Comment 1

[Shing Lyu [:shinglyu]]

Attachment: click_effect.ogv

Comment 2

[Emilio Cobos Álvarez (:emilio)]

From which day is the build? I know we enabled OMTA literally two days ago (bug 1334036). I assume there's a lot of difference potentially related to that.

Comment 3

[Hiroyuki Ikezoe (:hiro)]

Yeah, exactly.  But unfortunately it might be unrelated to. I see below warnings;

Animation of ‘transform’ cannot be run on the compositor because it should be synchronized with animations of geometric properties that started at the same time [div]

Comment 4

[Hiroyuki Ikezoe (:hiro)]

The transition property is: "transition: .3s cubic-bezier(.15,.60,.30,1.9)".  We might be slower in case of "transition-property: all".  Another possibility is that if the transition is *NOT* started by clicking the element, it might be related to bug 1328505.

Comment 5

[Hiroyuki Ikezoe (:hiro)]

OK, I think this is because of mismatched transform list animations.