Renderbug Chrome (36 on OS X) on Javascript animation/CSS transition

Question

I'm creating a website with a simple toggle button to show some paragraphs. You can find a simplified version of it here in this Fiddle. In Chrome 36 on OS X this happens when I toggle the button (don't mind the flashing on the right side, it's about the border on the left).

I'm toggling the content with jQuery (.slideUp() and .slideDown()) But it also happens when I use transition: height in CSS. As you can see in this Fiddle.

I've already tried to implement a 3d transform, without effects unfortunately.

The problem doesn't occur in other browsers on OS X (Safari, Firefox and Opera) as far as I could tell.

Has anyone else encountered this problem (maybe in another browser)? Me Googling for it resulted in nothing useful. And does someone maybe have another possible solution for it. I'm quite stuck on this problem now.

Thanks!

It may be OS X specific, I'd go to Chromium issue tracker and ask there. — Klaster_1 Нет войне
– Klaster_1 Нет войне, Commented Aug 26, 2014 at 13:39
@Klaster_1: Thanks for the tip. After digging through the issues there I found it and it seems to be fixed in their latest build. — Luuuud
– Luuuud, Commented Aug 26, 2014 at 13:45

Luuuud · Accepted Answer · 2014-08-26 13:47:26Z

1

It seems to be a Chrome bug happening only in certain builds. They've already fixed it in their latest build. Chromium issuetracker link

answered Aug 26, 2014 at 13:47

Luuuud

4,4692 gold badges27 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Renderbug Chrome (36 on OS X) on Javascript animation/CSS transition

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related