[Webkit-unassigned] [Bug 256791] New: JS Animate API not animating CSS filter property

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=256791

            Bug ID: 256791
           Summary: JS Animate API not animating CSS filter property
           Product: WebKit
           Version: Safari 16
          Hardware: iPhone / iPad
                OS: iOS 16
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: markeriksson94 at live.co.uk
                CC: dino at apple.com, graouts at apple.com

I am animating the CSS filter property via the JS Web Animation API and Safari on iOS 16 is not applying the animations.
If I change the animation to use something like opacity, it applies, so there must be an issue with the filter property.

Code:
el.animate([{ filter: "contrast(150%)" }, { filter: "contrast(175%)" }], {
  duration: 200,
});

However, if I change to:
el.animate([{ opacity: 0.5 }, { opacity: 0.8 }], {
  duration: 200,
});
...it works fine.

-- 
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/20230515/d037909a/attachment.htm>