[csswg-drafts] [css-color-5] Out of range percentages in `color-mix()` seem to be implemented incorrectly in every major browser? (#10477)

LeaVerou has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-color-5] Out of range percentages in `color-mix()` seem to be implemented incorrectly in every major browser? ==
The spec says that [percentages outside [0%, 100%] make `color-mix()` invalid](https://www.w3.org/TR/css-color-5/#color-mix-percent-norm):

> Percentages are required to be in the range 0% to 100%. Negative percentages are specifically disallowed.

However, in my [testing](https://codepen.io/leaverou/pen/bGyvdJw?editors=1100), browsers seem to handle this differently based on whether the percentage is the result of a calculation or not, which seems absurd.

<img width="615" alt="image" src="https://github.com/w3c/csswg-drafts/assets/175836/0b000f29-9184-4722-8bf8-985d218532ff">

However, given the fact that they’re all interoperable about this behavior, I wonder if I’m missing something?

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10477 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 20 June 2024 11:19:56 UTC