Bug 265577

Summary: rgb/hsl/hwb css color formats must support mixed component types
Product: WebKit Reporter: romain
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: heycam, karlcow, sam, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari Technology Preview   
Hardware: Mac (Apple Silicon)   
OS: Unspecified   
Attachments:
Description Flags
Failing example none

Description romain 2023-11-30 06:12:34 PST 
Created attachment 468820 [details]
Failing example

Safari Version       : Release 183 (Safari 17.4, WebKit 19618.1.5.2)
URLs (if applicable) :
- https://codepen.io/romainmenke/pen/wvNYKmR
- https://github.com/web-platform-tests/wpt/pull/43450
- https://drafts.csswg.org/css-color-4/
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Chrome: FAIL
    Firefox: PASS (nightly)
       Edge: -

What steps will reproduce the problem?
(1) Visit https://codepen.io/romainmenke/pen/wvNYKmR 

What is the expected result?
You should see only squares with a background color

What happens instead?
You see some white squares for rgb/hsl/hwb


Attachment 1 shows the result in Safari
Visit the codepen in Firefox Nightly to compare
Comment 1 Radar WebKit Bug Importer 2023-12-07 06:13:29 PST 
<rdar://problem/119313050>
Comment 2 romain 2024-01-08 11:00:18 PST 
Both Firefox and Chrome have fixed all issues related to this in their respective nightly/beta versions.

The WPT tests have been merged.

This has been added to MDN browser compat data.
Comment 3 Karl Dubost 2024-01-09 04:25:44 PST 
The code is in https://searchfox.org/wubkat/source/Source/WebCore/css/typedom/color/