Bug 247068 - Radial gradient with farthest-side that fills a box renders incorrectly
Summary: Radial gradient with farthest-side that fills a box renders incorrectly
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-10-26 09:46 PDT by Tim Nguyen (:ntim)
Modified: 2022-11-02 19:16 PDT (History)
3 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
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.