Bug 244242
| Summary: | Legacy color interpolation for animations/transition based on start color | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Rune Lillesveen <rune.lillesveen> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | ahmad.saleem792, dino, graouts, karlcow, sabouhallawa, sam, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | BrowserCompat, InRadar |
| Version: | Safari Technology Preview | ||
| Hardware: | Mac (Apple Silicon) | ||
| OS: | macOS 12 | ||
Rune Lillesveen
WebKit uses the _start_ value to decide if transition should interpolate in sRGB instead of OKLab. The spec suggests that if either start _or_ end point is in a non-legacy syntax, the implementation should use OKLab.
See the transition demos in: https://codepen.io/lilles/details/gOedGpL
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/99321396>
Ahmad Saleem
@Karl - Can you test this WebKit ToT (I am unable to reproduce or unclear on expected output). WebKit ToT seems to match Chrome Canary 134.
Karl Dubost
Yes I'm not sure what I'm looking at too.
Rune, could you explain what we should be looking at in your demo?
Rune Lillesveen
Out of the four interpolations for gradients and transitions, at least the three lower ones should interpolate in the same space. The upper on may interpolate in rgb space due to both end points being legacy colors.
Looks like Safari is correct now.
Karl Dubost
Thanks Rune!