Why does my cursor image have artifacts in WebGL?

My game has a custom cursor. It looks great in editor and in PC builds. When it comes to WebGL, something goes wrong. There is an artifact along the right hand side. The image, which was originally greyscale, has a red tinge on the left hand side and a blue tinge on the right hand side.

I tested it with a few other images to see what was happening, but I don’t have a conclusive answer to what’s going on. I’ve tried a number of compression options on the asset import settings. I’ve fiddled with the filter mode and format, mainly. No change. It looks exactly the same on Chrome and on Firefox.

Advice appreciated, thank you!

Still occurs in 5.2. Can be avoided by using CursorMode.ForceSoftware.

This is a bug. Should be fixed in the upcoming 5.2 release.