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: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: karlcow, 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
rendering in safari, firefox, chrome none

Attachments
testcase (1.87 KB, text/html)
2022-10-26 09:46 PDT, Tim Nguyen (:ntim) 		no flags
Details
Testcase that renders differently from other browsers (498 bytes, text/html)
2022-10-26 09:48 PDT, Tim Nguyen (:ntim) 		no flags
Details
Single gradient test (467 bytes, text/html)
2022-10-30 10:10 PDT, Simon Fraser (smfr) 		no flags
Details
Test case (658 bytes, text/html)
2022-10-30 10:48 PDT, Simon Fraser (smfr) 		no flags
Details
rendering in safari, firefox, chrome (158.67 KB, image/png)
2026-01-13 22:50 PST, Karl Dubost 		no flags
Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
Tim Nguyen (:ntim)
Comment 1 2022-10-26 09:48:21 PDT
Created attachment 463255 [details] Testcase that renders differently from other browsers
Simon Fraser (smfr)
Comment 2 2022-10-30 10:10:09 PDT
Created attachment 463313 [details] Single gradient test
Simon Fraser (smfr)
Comment 3 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.
Tim Nguyen (:ntim)
Comment 4 2022-10-30 11:26:45 PDT
attachment 463254 [details] doesn't seem to use farthest-side at all fwiw.
Simon Fraser (smfr)
Comment 5 2022-10-31 09:42:31 PDT
That needs reducing to the single gradient that renders incorrectly.
Radar WebKit Bug Importer
Comment 6 2022-11-02 09:47:21 PDT
<rdar://problem/101865858>
Tim Nguyen (:ntim)
Comment 7 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.
Karl Dubost
Comment 8 2026-01-13 22:50:54 PST
Created attachment 477998 [details] rendering in safari, firefox, chrome This has been fixed?
Note You need to log in before you can comment on or make changes to this bug.