That momentary flicker on Android

[krishnaff]

Hello,

(Opening a new issue about this since the other one is closed)

Please see this video Notice how the first time it animates very smoothly (only on android). From the second time onwards, there's a sudden flicker and then the animation kicks in. https://drive.google.com/file/d/0Bwze-NVj3r8VMzdtaHhFdGVQZDg/view?usp=sharing

The same problem in another app on Android: https://drive.google.com/open?id=0Bwze-NVj3r8VQzhUcVBsQ3B2djA

I tried all possible variations of delay and finishingPendingTransition, but the flicker doesn't go away. This happens with all transitions although its most prominent on the Drawer transition on android.

This is one heck of a genius plugin which makes all my cordova apps look near-native. But this android issue has been a real deal breaker for putting the apps in production. Any pointers on how to fix this or maybe even make it visually less glitchy. Thanks!!

[RoryPicko]

+1 this issue is something holding me back too! I also see the issue on ios though!

[EddyVerbruggen]

@insaneinc01 Can you show the exact code you're using to call drawer()? Including the href param, etc. I still can't reproduce it so I need more details.

Also, does it happen on all Android devices or only certain hardware/firmware?

[dhruba-sarma]

This problem is exist mostly related to drawer animation in android [tested in 4.2(emulator) and 5.0(device)], other animations are working smoothly. May be we should reuse slide animation for drawer. if we can specify offset value(in % or px) for how much screenshot should slide out of the view.

[krishnaff]

Hello @EddyVerbruggen Thanks for looking into this. For the longest time I was convinced this is a problem with the way I'm using it in Meteor-Cordova. And I've spent some more time trying to "fix" my code.

But finally, I decided to check on a bare bones meteor project. Here's the repo- https://github.com/insaneinc01/transitiontest (I'm not sure if you'd have Meteor installed to run this code)

This has just one page with the body set to twice the screen width. Just moving scroll position to create a drawer-like animation.

So, it doesn't work. :( It looks like there's an issue with the drawer feature after all on android. Any pointers on how to fix this please?

[krishnaff]

And yes, @dhruba-sarma 's suggestion makes sense. The slide animation works flawlessly on Android. If only there's a way to utilise the same thing for drawer too but with an offset value so that it covers 80% of the screen for example, then all will be great. :)

[krishnaff]

Hello, Anyone tried to solve this please? I tried it on 5 different android phones of various brands and the issue is exactly as described and is 100% repeatable.