I have a div, so that when I click, it will toggle to expand, or retract. It works pretty well on all browsers, though there is a thing that intrigues me. On Google Chrome when it retracts it leaves small lines from the movement. www.rezoluz/login.php - The page
To see it, open that page with Google Chrome. And click on the register button twice, on the second time it will leave lines, normally, but not on other browsers. I'm using a standard .animate, with jquery. All help is greatly appreciated.
SCREENSHOT:
Also, here is a jsfiddle showing the result : / . Error in Chrome 21.0.1180.81 beta-m Win7.
I have a div, so that when I click, it will toggle to expand, or retract. It works pretty well on all browsers, though there is a thing that intrigues me. On Google Chrome when it retracts it leaves small lines from the movement. www.rezoluz./login.php - The page
To see it, open that page with Google Chrome. And click on the register button twice, on the second time it will leave lines, normally, but not on other browsers. I'm using a standard .animate, with jquery. All help is greatly appreciated.
SCREENSHOT:
Also, here is a jsfiddle showing the result : http://jsfiddle/rwQPu/2/ . Error in Chrome 21.0.1180.81 beta-m Win7.
Share Improve this question edited Aug 18, 2012 at 2:12 Alexandre Hitchcox asked Aug 18, 2012 at 1:35 Alexandre HitchcoxAlexandre Hitchcox 2,7636 gold badges25 silver badges34 bronze badges 5- I can reproduce in Chrome Version 21.0.1180.79 on OSX, and have seen similar artefacts elsewhere from time to time. – PeterT Commented Aug 18, 2012 at 1:40
- I can't see it on your site, but I have seen weird animation issues like that in chrome lately. – John Koerner Commented Aug 18, 2012 at 1:40
- Please include the particular code in question here. Also it is helpful if you create an example using a tool such as jsfiddle that includes a small focused test case. – Josh Mein Commented Aug 18, 2012 at 1:41
- For anyone that doesn't see it: imageshack.us/photo/my-images/717/23053889.png – Lil' Bits Commented Aug 18, 2012 at 1:42
- Seems fine in my version of Chrome (21.0.1180.79), but I know I had a issue with this in Chrome on a different PC yesterday. A known work around is to define the border and background of the elements that are moving in CSS. – Jeemusu Commented Aug 18, 2012 at 1:47
2 Answers
Reset to default 5It's a bug of chrome. See a previously asked question here :
Odd “shaking” effect when animating width with jQuery (only in Chrome!)
This is not a coding problem but actually a bug in certain versions of Google Chrome, as unlikely that may sound. There is no fix as far a I know, we just need to wait for Google to resolve their problem, knowing Google that will be done from the moment they find out about it.