[Webkit-unassigned] [Bug 184087] New: Negative animation-delay isn't picked up when an animation is paused
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Wed Mar 28 08:58:46 PDT 2018
https://bugs.webkit.org/show_bug.cgi?id=184087
Bug ID: 184087
Summary: Negative animation-delay isn't picked up when an
animation is paused
Product: WebKit
Version: WebKit Nightly Build
Hardware: Unspecified
OS: Unspecified
Status: NEW
Severity: Normal
Priority: P2
Component: Animations
Assignee: webkit-unassigned at lists.webkit.org
Reporter: matias.niemela at gmail.com
CC: dino at apple.com
In addition to the problems with Webkit Negative Animation Delays...
https://bugs.webkit.org/show_bug.cgi?id=141008
https://bugs.webkit.org/show_bug.cgi?id=26150
It would be very helpful is Webkit (Safari in this case) would allow itself to change the negative delay value as much as needed before an animation starts.
Chrome/Firefox allow for this and in turn you can basically scrub a @keyframes animation.
```
// file: index.js
// assign a keyframe to an element
var ANIMATION_DURATION = 1000;
element.style.setProperty('animation', 'myKeyframe ' + ANIMATION_DURATION);
// pause the video before it kicks off
element.style.setProperty('animation-play-state', 'paused');
// change the delay based on some <input type="range"> input
// rangeInput = <input type="range" min="0" max="1" step="0.01">
rangeInput.addEventListener('input', function(e) {
// this DOES NOT work in Webkit/Safari (Chrome and Firefox are good).
element.style.setProperty('animation-delay', this.value * ANIMATION_DURATION);
});
```
--
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/20180328/cea5d16d/attachment.html>
More information about the webkit-unassigned
mailing list