Status Update
Comments
my...@gmail.com <my...@gmail.com> #2
Edit: turns out that currentcolor
it not the main problem, since most test fail even with direct colour used as function parameters, with one new extra glitch.
The culprit seems to be in combination of
Attaching static MRE (currentcolor
in rgb()
in animation for any property.currentcolor
. That contrasts with the first simple case where the currentcolor
is set to the target colour directly without any functions, producing correct "reference" gradual colour progression. This testcase does not even use alpha channel.
ka...@google.com <ka...@google.com> #3
Observed the shadow are not animating smoothly in all cases.
Reproducible:
==========
Canary- 136.0.7087.0
Dev - 136.0.7081.2
Beta - 135.0.7049.28
Stable - 134.0.6998.118
As the issue is seen from M-124 older builds Considering this issue as a non regression and removing 'Unconfirmed' hotlist and also requesting someone from the respective team for further inputs.
Thanks.
kb...@microsoft.com <kb...@microsoft.com> #4
Thanks for the report and the expanded repro case in
- The sudden jump from green to purple with an unresolved color-mix() is a known issue tracked in
https://crbug.com/40940960 . The sudden jump with an unresolved relative color is basically the same issue. - The change in interpolation with a resolvable-without-currentcolor color-mix() or relative color appears to be a new issue. I'm guessing that the use of a relative color is changing the interpolation color space we use for some reason.
Description
Steps to reproduce the problem
I want to animate a
box-shadow
that's a semi-transparent version of the element'sbackground
. Thisbox-shadow
should grow from nothing to a maximum spread (of1em
), then its spread remains there at its maximum, while its alpha goes down to zero.Problem Description
The
box-shadow
interpolation fails in Chrome, the shadow just switches abruptly in between keyframe states.color-mix()
one that also fails.This does not happen in Firefox or Safari, where the shadow animates smoothly in all cases.
Summary
rgb()/ color-mix() interpolation fail in Chrome
Custom Questions
Does this work in other browsers?
Yes - This is just a Chrome problem
Additional Data
Category: API
Chrome Channel: Not sure
Regression: N/A