[Webkit-unassigned] [Bug 85929] New: Issue with simultaneous CSS animations

[bugzilla-daemon at webkit.org]

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

           Summary: Issue with simultaneous CSS animations
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
               URL: http://samvermette.s3.amazonaws.com/safari.html
        OS/Version: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: simon.fraser at apple.com
                CC: dino at apple.com, igor.oliveira at webkit.org


When there's an ongoing CSS animation with its iteration loop set to "infinite", adding a second CSS animation with "webkit-animation-fill-mode" set to "forwards" will always wait for the first animation's cycle to finish before starting to animate.

Steps to Reproduce
I have created a page that reproduces the issue here: http://samvermette.s3.amazonaws.com/safari.html

Expected Results
The blue square should always animate as soon as I hover the link.

Actual results
Except for the first time you hover the link, the blue square will always wait for the red square to finish its animation cycle before starting to animate.

Regression
Removing the "webkit-animation-fill-mode" property seems to fix the issue.

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