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.
Created attachment 352027 [details] Screenshot of rendered SVG directly in Safari Technology Preview
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?
<rdar://problem/45194719>
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.
Purely by accident, I've found that adding "transform: translateZ(0)" makes the SVG render correctly so we can use that as a workaround.
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>.