filter function factors should clamp values over 1.0 during animation
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
People
(Reporter: ericwilligers, Assigned: violet.bugreport)
Details
Attachments
(1 file)
User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.80 Safari/537.36
Steps to reproduce:
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)
Comment 1•6 years ago
|
||
I was able to reproduce it in Ubuntu 18.04 with latest Nightly 69.0a1 (2019-06-12) (64-bit), Beta 68.0b9 (64-bit) and Release 67.0.2 (64-bit)
Updated•6 years ago
|
Comment 2•6 years ago
|
||
So this is because the filter factor computes to a NonNegativeNumber:
So we should clamp negatives right, but not values over 1.0. It should compute to something else that clamps to 1.0.
Assignee | ||
Comment 3•6 years ago
|
||
Correctly handle clamping to 1 behavior of grayscale(),
invert(), opacity() and sepia().
Updated•6 years ago
|
Assignee | ||
Updated•6 years ago
|
Comment 5•6 years ago
|
||
bugherder |
Updated•6 years ago
|
Comment 8•6 years ago
|
||
I assume this can ride the trains. Please reset status and request uplift if not.
Description
•