54749 2011-02-18 08:45:32 -0800 -webkit-radial-gradient: wrong rendering when size first and last color stops are at 100% 2025-09-06 19:58:28 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) PC OS X 10.5 RESOLVED DUPLICATE 282584 http://jsfiddle.net/leaverou/qBurF/ BrowserCompat, InRadar P2 Normal --- 51839 1 lea simon.fraser adieulot ahmad.saleem792 alvaromontoro bfulgham kyle.bavender miriam simon.fraser webkit-bug-importer oldest_to_newest 353607 0 lea 2011-02-18 08:45:32 -0800 The 2nd gradient in the testcase should be very similar to the 1st and 3rd, but instead a solid color displays. I'm using the latest nightly build (Version 5.0.3 (6533.19.4, r78794) I thought this was a spec mistake, but after discussing it with Tab Atkins on www-style [1], it seems it's a browser bug. [1]: http://lists.w3.org/Archives/Public/www-style/2011Feb/0538.html 357668 1 simon.fraser 2011-02-24 21:03:20 -0800 This seems to be a CG bug, probably related to bug 51839. 1973086 2 ahmad.saleem792 2023-08-23 14:05:08 -0700 I am still able to reproduce this bug in WebKit ToT (267195@main) and we only get first and third image in Safari while Chrome shows all three. Adding - "BrowserCompat" tag since Firefox Nightly 118 and Chrome Canary 118 match each other and only Safari is different. 1985192 3 adieulot 2023-10-15 06:42:42 -0700 Here’s an example of a (proficient) developer without access to Safari unknowingly getting bitten by it: https://x.com/anatudor/status/1712928517384446155 Direct link to CodePen: https://codepen.io/thebabydino/pen/bGOJQOy The last radial gradient parts display as completely black for me on iOS 16.7.1 Safari 16.6 and as transparently black on MacOS 13.6 Safari 17.0 18616.1.27.111.22 as well as Safari Technology Preview 180 (Safari 17.4, WebKit 18618.1.1.2). 2011978 4 webkit-bug-importer 2024-02-08 15:44:52 -0800 <rdar://problem/122588445> 2141480 5 simon.fraser 2025-09-06 19:58:28 -0700 Fixed via bug 282584.. *** This bug has been marked as a duplicate of bug 282584 ***