[Webkit-unassigned] [Bug 108965] New: Keyframe ease written in shorthand is not applied to animation

[bugzilla-daemon at webkit.org]

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

           Summary: Keyframe ease written in shorthand is not applied to
                    animation
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: j.d.zodiac at gmail.com


I'm building a web app which outputs CSS animations for the user.  When the insertRule method inserts a keyframe rule into the document, the -webkit-animation-timing-functions are converted to shorthand -webkit-animation.  The dynamically created animations are then saved out to HTML to view in a browser.  The following CSS is parsed and -webkit-animation-timing-function is in the document style sheet as declared, but the easing is not applied to the animation:

@-webkit-keyframes slide {
  0% {
    left: 0px;
    -webkit-animation: ease-out;
  }
  33% {
    left: 300px;
    -webkit-animation: ease-in;
  }
  67% {
    left: 0px;
    -webkit-animation: ease-out;
  }
  100% {
    left: 300px;
  }
}

Step to Repro:
1. Open the 3 test files in the browser.

Actual Behavior:
The static shorthand test fails to apply the easing to the keyframes, but the longhand and dynamically inserted shorthand work.  The dynamically added rules are converted to shorthand when insertRule is used, but the animation still plays.  However, if the document is saved using the cssText and re-opened, the shorthanded easing isn't applied.

Expected Behavior:
Either insertRule should not convert properties to shorthand if they are in a keyframe rule, or the animation renderer should understand shorthand values in the keyframe rule.

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