Bug 212442 - radial-gradient is not rendered correctly if one of the colors is "transparent"
Summary: radial-gradient is not rendered correctly if one of the colors is "transparent"
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-05-27 16:01 PDT by Said Abou-Hallawa
Modified: 2023-03-17 17:12 PDT (History)
6 users (show)

See Also:

Attachments
test case (230 bytes, text/html)
2020-05-27 16:01 PDT, Said Abou-Hallawa 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Said Abou-Hallawa 2020-05-27 16:01:01 PDT 
Created attachment 400399 [details]
test case

Open the attached test case. A similar test case can be found in https://developer.mozilla.org/en-US/docs/Web/CSS/radial-gradient.

Results: There are gray areas when transitioning to or from the transparent color. Compare reddening the test case in other browsers with WebKit.
Comment 1 Simon Fraser (smfr) 2020-05-27 16:10:13 PDT 
Is this just bug 150940?
Comment 2 Said Abou-Hallawa 2020-05-27 20:50:22 PDT 
(In reply to Simon Fraser (smfr) from comment #1)
> Is this just bug 150940?

Maybe.

bug 150940 and https://wpt.fyi/results/css/css-images/gradients-with-transparent.html?run_id=488890002&run_id=483120004&run_id=505970001 are about linear gradient with transparent colors. But this bug is about radial gradient.
Comment 3 Radar WebKit Bug Importer 2020-05-27 21:32:19 PDT 
<rdar://problem/63704035>
Comment 4 Ahmad Saleem 2023-03-17 17:12:54 PDT 
I am not able to reproduce this bug in Safari 16.3, WebKit ToT (261811@main) and it is matched with Chrome Canary 113 and Firefox Nightly 113 and does not have any grey areas to or from the transparent color.

Marking this as “RESOLVED CONFIGURATION CHANGED”. Please reopen, if this is reproducible. Thanks!