Bug 241576

Summary: CSS variable not accepted as alpha value in modern CSS `rgb()` function for ::marker color
Product: WebKit Reporter: Brandon McConnell <brandon>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: heycam, koivisto, sam, simon.fraser
Priority: P2    
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=241566
Attachments:
Description Flags
screenshot of bug
none
test none

Brandon McConnell
Reported 2022-06-13 16:35:52 PDT
Created attachment 460218 [details] screenshot of bug The source of this bug can be found here: https://github.com/tailwindlabs/tailwindcss/issues/8610 Isolated example: https://codepen.io/brandonmcconnell/pen/jOZXdzg/f089181395b1ffd8812a16e6b5c96e7b?editors=1100 When using an opacity value from a CSS variable as the alpha channel value in an `rgb()` **for a ::marker pseudo-element's color**, neither the color nor the opacity values are rendered.
Attachments
screenshot of bug (235.03 KB, image/png)
2022-06-13 16:35 PDT, Brandon McConnell 		no flags
Details
test (476 bytes, text/html)
2022-06-13 22:23 PDT, Cameron McCormack (:heycam) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 2022-06-13 22:14:55 PDT
*** This bug has been marked as a duplicate of bug 241566 ***
Cameron McCormack (:heycam)
Comment 2 2022-06-13 22:23:57 PDT
Created attachment 460223 [details] test Looks like we disallow custom property declarations on ::marker rules altogether.
Note You need to log in before you can comment on or make changes to this bug.