Bug 62866 – Linear gradient issues with background-size

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: CSS

[Simon Fraser (smfr)]

Alan Gresley says
"WebKit nightly r89006 does something wrong with example 2, 3 and 4."

[Philippe Wittenbergh]

This seems related to the background-size property. I played around with example 4 of the linked demo, which uses 'background-size: 70px 70px' for the bottom layer. I needed to increase the background-size to 108px 108px for the colors to display correctly on my machine (10.6.7, r89131).

[Simon Fraser (smfr)]

Could you attach a simple testcase?

[Philippe Wittenbergh]

Created attachment 97687 [details]
test case

(In reply to comment #2)
> Could you attach a simple testcase?

Sure, here you go:
The left box uses the bottom layer of example 4 in the demo.
The right box uses the smallest possible background-size that displays the colors correctly on my machine

I replaced 'transparent' with 'red' as a color value, just to make sure I saw the correct thing (and that the black seen in demo wasn't something related to the 'transparent' color in particular).

Expected result: both boxes show red/silver strip
Actual result: the left box shows black/silver strip

[Simon Fraser (smfr)]

I think this is an underlying Core Graphics bug: <rdar://problem/8814089>

[Ahmad Saleem]

I am unable to reproduce this bug in Safari 15.6 on macOS 12.5 and there is no 'black / silver strip' in left box and it matches with all other browsers.

I think it was fixed along the way and this can be marked as "RESOLVED CONFIGURATION CHANGED". Thanks!

[Alexey Proskuryakov]

Yes, the CoreGraphics issue got fixed back in 2011.