Bug 111378

Summary: Keyframe animation fails to play multiple properties at once
Product: WebKit Reporter: mariko.ogawa
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WORKSFORME    
Severity: Major CC: dino, simon.fraser
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
Attachments:
Description Flags
css keyframe animation fails at 100%
none
Keyframe animation fails to render corner radius and background color. none

mariko.ogawa
Reported 2013-03-04 16:20:52 PST
Created attachment 191340 [details] css keyframe animation fails at 100% Using a webapp that generates css keyframe animation, the program lets you add many different properties at once. From the attached fie, the div ' div-u2ql' should play top/left, opacity, border-top-left radius and background-color at 100% timing, but it fails and it seems that animation only play 0-53%. Once the animation is done playing, resize the browser (safari fro the corner), then the end image appears correctly.
Attachments
css keyframe animation fails at 100% (2.37 KB, text/html)
2013-03-04 16:20 PST, mariko.ogawa 		no flags
Details
Keyframe animation fails to render corner radius and background color. (2.82 KB, text/html)
2013-04-25 14:38 PDT, mariko.ogawa 		no flags
Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
mariko.ogawa
Comment 1 2013-04-25 14:38:00 PDT
Created attachment 199750 [details] Keyframe animation fails to render corner radius and background color. the animated div at the end fails to render corner radius and background color.
mariko.ogawa
Comment 2 2013-04-25 14:39:20 PDT
Comment on attachment 199750 [details] Keyframe animation fails to render corner radius and background color. If you resize your browser window, the end of animation renders correctly.
Simon Fraser (smfr)
Comment 3 2013-10-07 12:00:26 PDT
I can't reproduce the problem in a recent WebKit build. What build did you test with?
Note You need to log in before you can comment on or make changes to this bug.