[Webkit-unassigned] [Bug 137599] New: requestanimationframe + hardware acceleration gives jumpy animations

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=137599

           Summary: requestanimationframe + hardware acceleration gives
                    jumpy animations
           Product: WebKit
           Version: 525.x (Safari 3.2)
          Platform: Unspecified
               URL: http://jsfiddle.net/ux3rqce0/5/
        OS/Version: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: koen+bugzilla at madebysofa.com


When you combine requestanimationframe with hardware acceleration (translate3d), animations get all jumpy.


Some other observations:
- When you trigger a paint every frame (somewhere on the page) things get smooth again
- When you use 2d transforms it's a little better
- Something like requestanimationframe(function() {setTimeout(draw, 0)}) seems to work the best for now

Example:
http://jsfiddle.net/ux3rqce0/5/

I'm using the latest Yosemite GM Safari Version 8.0 (10600.1.25) and I think iOS8 has the same problem although it's harder to observe on retina.

On 10.9, everything seems to be OK.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.