Transitions do not work properly on Samsung Galaxy and similar devices #483

Closed
jamessanders opened this Issue Mar 4, 2013 · 4 comments

Projects

None yet

3 participants

@jamessanders

Native transitions do not appear to work correctly on Samsung Galaxy and similar devices. The problem appears to happen because the transition lib is using CSS properties without the '-webkit' prefix in some cases on these devices.

@msweeney

Can you provide more detail regarding what does not appear to work correctly, and on which android version(s)?

@jamessanders

I have seen the issue on Android 4.1.1 but only on certain devices (specifically Samsung skinned devices), I have attempted to reproduce this problem on other Android 4.1.1 devices but have not seen it. Why this problem only appears to happen on certain Samsung devices is a mystery.

I was able to track down the problem to line 72 of transition-native.js where it attempts to determine if it should use a vendor specific css prefix by checking for 'transition' in the document.style. In the case of the problem devices it guesses it does not need to use a vendor prefix (because 'transition' in DOCUMENT[DOCUMENT_ELEMENT].style evaluated to true) however later on down in the code in the _runNative method on line 324 it filters out properties that are not in the node.style member. So what happens on these devices is that it tries to use css properties like 'tranisiton-duration' and 'transition-delay' but those properties are not available.

@msweeney

Thanks for the details.

I've been able to reproduce the issue on a Galaxy S3 with 4.1.1.

@ericf
YUI Library member

This has been resolved and merged into the 3.x branch.

@ericf ericf closed this Mar 5, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment