Warn about browser bugs in (ok)lch rendering

[mirisuzanne]

Requested on social media:

• https://social.vasilis.nl/@vasilis/110841553733684928

Browser bugs to track:

• chromium
• webkit
• mozilla

[mirisuzanne]

I think this might be important, and we may even want to set display-p3 as the default. The current implementations of (ok)lab/lch colors are so bad, they're almost unusable. (Why did browsers ship it like this?)

[SondraE]

Draft Proposal

https://www.figma.com/file/JtQTGIpwoaOcqcWfsoeOk1/Browser-bugs-%26-other-warnings?type=design&node-id=0%3A1&mode=design&t=RuE2m0Xo75cF0fGM-1

[jamesnw]

(ok)lab bug report-

https://bugs.chromium.org/p/chromium/issues/detail?id=1439722

I didn't find ones for Webkit or Firefox.

Conversation regarding this from the CSS WG- w3c/csswg-drafts#8794

[SondraE]

@mirisuzanne @stacyk
Here are the warning-related Figma file links.
Note: I don't know why Figma is suddenly displaying green lines around various bits of the mockups, and I haven't found the way to turn that view off yet.

Incorrect implementation + Expanded Color Issue Info
https://www.figma.com/file/JtQTGIpwoaOcqcWfsoeOk1/Browser-bugs-%26-other-warnings?type=design&node-id=12%3A138&mode=design&t=4CwzTDrU2fakSiQ4-1

[mirisuzanne]

Left some comments on the designs. It seems like we should maybe break this out into smaller stories for the specific issues and warnings.

[jamesnw]

Scope

• If an unbounded color space is selected
  - And a user has a color selected that is out of gamut in the sRGB gamut
• Then, show the warning bar.

I removed the out of gamut check, to prevent lots of jumping around as colors are adjusted, and I don't think the usefulness is particularly tied to the user's current color.

[stacyk]

I removed myself but I didn't assign anyone else (yet, wasn't sure what is left on 146, or if that matters here).