Steps to reproduce the problem:
1. Use a SVG with lines that is meant to repeat as a background.
2. Use background-attachment: fixed;
3. Notice SVG artifacts when using phone
4. Try and use the -webkit-backface-visibility: hidden work around mentioned in  issue 395047  to try and resolve it
5. Notice that it does not work

What is the expected behavior?
No SVG artifacts.

What went wrong?
Currently, i understand there is a glitch with the calculation of anti-aliasing as mentioned in  issue 395047 . However, I know a common workaround currently is to simply set -webkit-backface-visibility to hidden. That had worked, until I set "background-attachment: fixed;" after which the workaround no longer removed the SVG artifacts.

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 65.0.3325.109  Channel: stable
OS Version: 7.0
Flash Version: None

Is there another workaround?
 

Deleted: fixed.html 342 bytes

fixed.html 342 bytes View Download

Deleted: fixed with workaround.html 341 bytes

fixed with workaround.html 341 bytes View Download

Deleted: not fixed.html 344 bytes

not fixed.html 344 bytes View Download

Deleted: not fixed with workaround.html 343 bytes

not fixed with workaround.html 343 bytes View Download

Deleted: background.svg 37.6 KB

background.svg 37.6 KB Download