[Webkit-unassigned] [Bug 198633] New: filter functions should clamp during animation

[bugzilla-daemon at webkit.org]

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

            Bug ID: 198633
           Summary: filter functions should clamp during animation
           Product: WebKit
           Version: Safari 12
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ericwilligers at chromium.org

Animate CSS filter functions grayscale, invert, opacity or sepia.
Use a bezier timing function that gives progress > 1.

https://jsfiddle.net/ericwilligers/bes3uyxz/

Or proposed WPT css/filter-effects/animation/filter-interpolation-004.html in
https://github.com/web-platform-tests/wpt/pull/17030/

Actual results:

grayscale(1.5)
invert(1.5)
opacity(1.5)
sepia(1.5)

Expected results:

grayscale(1)
invert(1)
opacity(1)
sepia(1)


Equivalent Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1557563


Note also that negative animation results are not clamped. None of the following should occur:
blur(-10px)
brightness(-1)
contrast(-1)
grayscale(-1)
invert(-1)
opacity(-1)
saturate(-1)

https://jsfiddle.net/ericwilligers/t3pmqbd1/

-- 
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/20190607/37498182/attachment.html>