Skip to content

Scale3d() flickers in Chrome 16 when the element is partially outside of the viewport#11

Closed
weotch wants to merge 1 commit intorstacruz:masterfrom
weotch:master
Closed

Scale3d() flickers in Chrome 16 when the element is partially outside of the viewport#11
weotch wants to merge 1 commit intorstacruz:masterfrom
weotch:master

Conversation

@weotch
Copy link
Contributor

@weotch weotch commented Jan 17, 2012

We've seen the 3D version of Scale() not work in Chrome when the element being scaled extends outside of the viewport. I've posted a video showing the behavior using the http://ricostacruz.com/jquery.transit/ demo site.

http://www.youtube.com/watch?v=1I2xsVJQrIA&feature=youtu.be

This small change checks for Chrome and tells it to use non 3D transforms if it's found. I could see you wanting to refactor my tweak to something more elegant, but I mainly wanted to make you aware of this issue we discovered.

We've seen the 3D version of Scale() not work in Chrome when the
element being scaled extends outside of the viewport.  Thus, we're
forcing Chrome to not use the 3d transforms as well.  Not sure if
translate is affected, but not risking it.
@rstacruz
Copy link
Owner

Nice catch! I can't reproduce this in Chrome15/Mac, though.

...But Chrome supports vanilla translate() and scale() anyway, so this can't be harmless, so I'll merge it to be sure.

@rstacruz rstacruz closed this Jan 24, 2012
@rstacruz
Copy link
Owner

Btw, I'll optimize this a bit by putting the isChrome check further up in the file so that it'll only be done once.

rstacruz added a commit that referenced this pull request Jan 24, 2012
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants