- From: jfkthame via GitHub <sysbot+gh@w3.org>
- Date: Mon, 16 Dec 2024 16:59:28 +0000
- To: public-css-archive@w3.org
It occurs to me that it should be possible to emulate a `longer hue` gradient using `shorter hue` (which browsers generally don't seem to have issues rendering) by inserting an extra color stop in the middle to "force" the interpolation to go the long way around the hue circle. We can use `color-mix` to create this stop. I made a [copy of my codepen example](https://codepen.io/jfkthame/pen/azopJQw) using this, and this does indeed render all the examples [as I expected](https://github.com/w3c/csswg-drafts/issues/11381#issuecomment-2545728270)(*). I'm feeling increasingly sure that the current behavior we see of "projecting" the `longer hue` gradient beyond the first and last stops that define it is a bug in all three of the engines; and that creating a gradient of any kind when the color stops are both (or all) at the same position is likewise a bug. (It's the same bug, really: just that the extent of the actual gradient has shrunk to zero, and all that remains is the continuation of the starting and ending colors.) So unless I'm missing some extra part of the spec that supports these behaviors, I'm intending to file bugs against the browsers and create some WPT tests to check the behavior. (*) Except that Safari renders swatch (l) in solid red instead of blue, as mentioned at the end of the original description. That is surely a webkit bug. -- GitHub Notification of comment by jfkthame Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11381#issuecomment-2546160436 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 16 December 2024 16:59:29 UTC