212442 2020-05-27 16:01:01 -0700 radial-gradient is not rendered correctly if one of the colors is "transparent" 2023-03-17 17:12:54 -0700 1 1 1 Unclassified WebKit Layout and Rendering WebKit Nightly Build Unspecified Unspecified RESOLVED CONFIGURATION CHANGED https://bugs.webkit.org/show_bug.cgi?id=150940 InRadar P2 Normal --- 1 sabouhallawa webkit-unassigned ahmad.saleem792 bfulgham mjs simon.fraser webkit-bug-importer zalan oldest_to_newest 1656654 0 400399 sabouhallawa 2020-05-27 16:01:01 -0700 Created attachment 400399 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. 1656661 1 simon.fraser 2020-05-27 16:10:13 -0700 Is this just bug 150940? 1656757 2 sabouhallawa 2020-05-27 20:50:22 -0700 (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. 1656762 3 webkit-bug-importer 2020-05-27 21:32:19 -0700 <rdar://problem/63704035> 1942206 4 ahmad.saleem792 2023-03-17 17:12:54 -0700 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! 400399 2020-05-27 16:01:01 -0700 2020-05-27 16:01:01 -0700 test case test355.html text/html 230 sabouhallawa PHN0eWxlPgogICAgLmJveCB7CiAgICAgICAgd2lkdGg6IDI0MHB4OwogICAgICAgIGhlaWdodDog MTIwcHg7CiAgICB9CiAgICAucmFkaWFsLWdyYWRpZW50IHsKICAgICAgICBiYWNrZ3JvdW5kLWlt YWdlOiByYWRpYWwtZ3JhZGllbnQod2hpdGUgMCUsIHRyYW5zcGFyZW50IDQwJSwgZ3JlZW4gODAl KTsKICAgIH0gCjwvc3R5bGU+CjxkaXYgY2xhc3M9ImJveCByYWRpYWwtZ3JhZGllbnQiPjwvZGl2 Pgo=