[Webkit-unassigned] [Bug 184087] New: Negative animation-delay isn't picked up when an animation is paused

[bugzilla-daemon at webkit.org]

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>