UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce the problem:
1. Open https://codepen.io/bhardy/pen/JrOzdW in Chrome
2. Shrink the preview pane until artifacts (in the form of vertical red lines) pop up on the edges of the shapes
3. Refreshing the page will show the same artifacts if your preview pane maintains the same size.

What is the expected behavior?
No artifacts should appear. This behaviour only began on Chrome 61 and is not reproduce-able in Canary. Firefox, Safari, IE11, and Edge all display the SVG properly.

What went wrong?
It looks like an update in Chrome 61 broke some masking functionality. It appears to be a rendering issue as the artifacts pop up in different spots when I switch between my retina and normal display.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 61.0.3163.100  Channel: stable
OS Version: OS X 10.12.6
Flash Version: 

I found a workaround where I can set the group's opacity to 0.99 and the artifacts disappear.
 

Deleted: Screen Shot 2017-10-04 at 1.59.21 PM.png 17.4 KB

	Screen Shot 2017-10-04 at 1.59.21 PM.png 17.4 KB View Download