[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


            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...

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
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