Bug 53502 – Repeating gradients drawn incorrectly

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Rafał Chłodnicki]

Created attachment 80769 [details]
repeating gradient testcase

Spec states [ http://dev.w3.org/csswg/css3-images/#repeating-gradients ]:

"the color-stops are repeated infinitely in both directions, with their positions shifted by multiples of the difference between the last specified color-stop's position and the first specified color-stop's position. For example, ‘repeating-linear-gradient(red 10px, blue 50px)’ is equivalent to ‘linear-gradient(..., red -30px, blue 10px, red 10px, blue 50px, red 50px, blue 90px, ...)’. Note that the last color-stop and first color-stop will always coincide at the boundaries of each group, which will produce sharp transitions if the gradient does not start and end with the same color."

I've included TC with two gradients:
 repeating-linear-gradient(red 10%, green 10%, blue 50%)
and
 repeating-linear-gradient(green 10%, blue 50%)

It makes sense to me that they should render identically. They don't in WebKit.

[Simon Fraser (smfr)]

Thanks.

[Simon Fraser (smfr)]

Created attachment 82237 [details]
Patch

[Andreas Kling]

Comment on attachment 82237 [details]
Patch

r=me

[Simon Fraser (smfr)]

http://trac.webkit.org/changeset/78449

[WebKit Review Bot]

http://trac.webkit.org/changeset/78449 might have broken Qt Linux Release
The following tests are not passing:
fast/gradients/css3-repeating-end-fill.html