Scale rendering artifact on iOS8

[Chantal 0 Likes (Newbie)]

Hi,

 

Do you know a solution for this bug? I've attached an image cause i can't reproduce the bug in a Codepen.

 

This happen when I scale the image and just on iOS8, here's my line for this:

 

TweenMax.to($("#E3"), 1, {scale: 1, left: "145px", top:"200px", width: "744px", ease: Back.easeOut, zIndex:4, onComplete:onAddLoupe3});"

 

Thanks for your help!

Chantal

 

[Maelfyn 41 Likes (Newbie)]

Not sure if this helps, but I have observed this kind of artifact as well. Though in my case they were horizontal lines. In my case it happened when I scaled wide images using dimensions that were very different from the image's actual dimensions. I edited the image, changed its dimensions, and the problem went away. No idea if that will help in your case as I'm not sure if you're scaling an image or a div full of text. If it's a div, perhaps try overflow:hidden? Just an idea.

[Jonathan 5,389 Likes (Superhero)]

Hello Chantel,

 

If Maelfyn solution doesn't work.. try adding force3D:"auto" to your tween and see if that helps?

 

Also you try changing left to x (translateX) .. and top to y (translateY) .. so you can animate using translations instead of CSS positioning

 

[Chantal 0 Likes (Newbie)]

Hi,

 

I tried both but still have the artifact, so, I changed the animation for just a fade in-out cause it was just an update for iOS 8.