Bug 304582 – REGRESSION(288788@main): SVG doesn't render gradient fill when using paint-order

• Status: RESOLVED
• Resolution: FIXED
• Component: SVG

[Callum Gare]

Created attachment 477818 [details]
An svg that provides an example of the issue

Safari incorrectly renders an SVG with text as having a transparent fill when a gradient fill is applied with a stroke + a paint order of "stroke fill". I've attached an example of this.

I see this occurring on Safari in iOS 26.2 and Safari 26.2 on macOS.

[Callum Gare]

Created attachment 477819 [details]
How the example svg is rendered in safari

[Callum Gare]

This does not happen in Chrome or Firefox. Both the stroke and the fill render as expected.

[Ahmad Saleem]

@Callum, by any chance, if you know - is it recent regression or it never worked?

[Ahmad Saleem]

I just checked on myself and it is broken on Safari 18.6 as well, so not recent regression.

[Radar WebKit Bug Importer]

<rdar://problem/166997630>

[Said Abou-Hallawa]

Pull request: https://github.com/WebKit/WebKit/pull/55809

[EWS]

Committed 304903@main (0a662721c2e0): <https://commits.webkit.org/304903@main>

Reviewed commits have been landed. Closing PR #55809 and removing active labels.

[Callum Gare]

@Ahmad Thanks for checking. I wasn’t sure.

Wow! Thanks for such a fast patch :)