Bug 190462 – SVG rects with gradient stroke are rendered with noise

• Status: RESOLVED
• Resolution: MOVED
• Component: SVG

[Kris Messer]

Created attachment 352026 [details]
The SVG causing issues

The attached SVG causes rendering issues within the latest stable Safari release and Technology Preview for Mojave.
High Sierra rendered this SVG without issue.

When included as an <img> the SVG always renders with noise.
Opening the SVG directly in Safari works but after several refreshes the renderer adds noise.
This has also caused Safari to hang on some machines, the same happens when viewing the SVG inline in Mail.

We have other SVGs that have no issues.

[Kris Messer]

Created attachment 352027 [details]
Screenshot of rendered SVG directly in Safari Technology Preview

[Alexey Proskuryakov]

I can reproduce the noise on Mojave. Couldn't bisect, because old WebKit builds no longer work.

Quite weird how this often renders fine, but breaks after reload.

> This has also caused Safari to hang on some machines

Are you saying that this is hardware dependent, or just random? Can you please file a bug with a sysdiagnose via https://bugreport.apple.com, and post the number here?

[Radar WebKit Bug Importer]

<rdar://problem/45194719>

[Kris Messer]

I'm afraid it'll take a couple of weeks to get the sysdiagnose on a running machine as it's not my machine. I'll test on a few others.

The only big difference between the tested machines is, that the one hanging is a Mac Pro. All MacBooks I've tested on so far render with noise but do not hang.

[Kris Messer]

Purely by accident, I've found that adding "transform: translateZ(0)" makes the SVG render correctly so we can use that as a workaround.

[Simon Fraser (smfr)]

This is a bug in the underlying graphics framework, and not a WebKit bug, so I'll close it. It's tracked by <rdar://problem/45194719>.