Bug 247068

Summary: Radial gradient with farthest-side that fills a box renders incorrectly
Product: WebKit Reporter: Tim Nguyen (:ntim) <ntim>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: megan_gardner, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
testcase
none
Testcase that renders differently from other browsers
none
Single gradient test
none
Test case none

Comment 1 Tim Nguyen (:ntim) 2022-10-26 09:48:21 PDT 
Created attachment 463255 [details]
Testcase that renders differently from other browsers
Comment 2 Simon Fraser (smfr) 2022-10-30 10:10:09 PDT 
Created attachment 463313 [details]
Single gradient test
Comment 3 Simon Fraser (smfr) 2022-10-30 10:48:17 PDT 
Created attachment 463314 [details]
Test case

This testcase shows that it's a bug when farthest-side is used. The top gradient uses:
CGGradientCreateWithColorComponents - colors [0.00, 0.50, 0.00, 1.00, 0.00, 0.00, 1.00, 1.00] locations [0.71, 0.71] numberOfStops 2

The bottom one uses:
CGGradientCreateWithColorComponents - colors [0.00, 0.50, 0.00, 1.00, 0.00, 0.00, 1.00, 1.00] locations [1.00, 1.00] numberOfStops 2

but they should be the same.
Comment 4 Tim Nguyen (:ntim) 2022-10-30 11:26:45 PDT 
attachment 463254 [details] doesn't seem to use farthest-side at all fwiw.
Comment 5 Simon Fraser (smfr) 2022-10-31 09:42:31 PDT 
That needs reducing to the single gradient that renders incorrectly.
Comment 6 Radar WebKit Bug Importer 2022-11-02 09:47:21 PDT 
<rdar://problem/101865858>
Comment 7 Tim Nguyen (:ntim) 2022-11-02 19:16:47 PDT 
(In reply to Simon Fraser (smfr) from comment #5)
> That needs reducing to the single gradient that renders incorrectly.

None of them render at all fwiw.