Bug 190462 - SVG rects with gradient stroke are rendered with noise
Summary: SVG rects with gradient stroke are rendered with noise
Status: RESOLVED MOVED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari Technology Preview
Hardware: Mac macOS 10.14
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-10-11 00:43 PDT by Kris Messer
Modified: 2018-11-20 17:35 PST (History)
6 users (show)

See Also:


Attachments
The SVG causing issues (37.70 KB, image/svg+xml)
2018-10-11 00:43 PDT, Kris Messer
no flags Details
Screenshot of rendered SVG directly in Safari Technology Preview (3.76 MB, image/png)
2018-10-11 00:44 PDT, Kris Messer
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Kris Messer 2018-10-11 00:43:33 PDT
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.
Comment 1 Kris Messer 2018-10-11 00:44:05 PDT
Created attachment 352027 [details]
Screenshot of rendered SVG directly in Safari Technology Preview
Comment 2 Alexey Proskuryakov 2018-10-11 09:11:52 PDT
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?
Comment 3 Radar WebKit Bug Importer 2018-10-11 09:12:23 PDT
<rdar://problem/45194719>
Comment 4 Kris Messer 2018-10-12 06:10:30 PDT
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.
Comment 5 Kris Messer 2018-10-15 01:38:19 PDT
Purely by accident, I've found that adding "transform: translateZ(0)" makes the SVG render correctly so we can use that as a workaround.
Comment 6 Simon Fraser (smfr) 2018-11-20 17:35:37 PST
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>.