jQuery easing bug in Chrome: messy and leftover pixels

Question

I was working on this answer: jQuery easing not working in my animate() call

And noticed that sometimes when I hover over the square, some messy pixel lines remain visible.

This can be seen in the following jsFiddle:

Example

Sometimes when hovering over the square, the following (or similar) appears:

The lines around the square should not be there. I noticed that this bug only appears in Google Chrome. I am using version 38.0.2125.111 m.

• Is this a known bug?
• Can anything be done to fix it?

Answer 1

These rendering artifacts are fixed as of (at least) version 42.0.2311.90 m.

In the new version, the artifacts do not appear anymore.