[Webkit-unassigned] [Bug 170841] New: animation-play-state: paused does not work when animation includes transform3d
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Apr 13 19:44:15 PDT 2017
https://bugs.webkit.org/show_bug.cgi?id=170841
Bug ID: 170841
Summary: animation-play-state: paused does not work when
animation includes transform3d
Product: WebKit
Version: Safari 10
Hardware: iPhone / iPad
OS: iOS 10
Status: NEW
Severity: Normal
Priority: P2
Component: Animations
Assignee: webkit-unassigned at lists.webkit.org
Reporter: kimatg at gmail.com
CC: dino at apple.com
In iOS 10.3.1 Safari, animation-play-state: paused does not work when animation includes a transform3d.
While searching I came across a report posted on Apple Communities: https://discussions.apple.com/thread/6762081?start=0&tstart=0
The OP has posted 2 jsfiddle links for tests which I think demonstrate this issue clearly, so I will post the links here directly.
Example with normal transform (2d): http://jsfiddle.net/gdementis/p2MgM/3/
Example with transform3d: http://jsfiddle.net/gdementis/HykgE/2/
When tested on desktop Safari 10.1 (12603.1.30.0.34), both examples work properly when clicking on Stop to pause the animation.
When tested on iPhone Safari, the Stop button on the 2nd jsfiddle does not stop the animation.
I discovered this bug when working on my own project where I had used animation-play-state: paused on an element that runs a repeating animation that has scale() transform, and the pause did not work as expected only on iPhone.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170414/85e1887b/attachment.html>
More information about the webkit-unassigned
mailing list