jquerygoogle-chromejquery-easing

jQuery easing bug in Chrome: messy and leftover pixels


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:

enter image description here

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.


Solution

  • 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.