Little update - i was seeing a flicker happen during PAGE PUSH when i was emulating IOS devices with the drop animation. Removing the
.wait(0.2)
solved it for now…
push: function(enterPage, leavePage, callback) {
var mask = this.backgroundMask.remove();
leavePage.element[0].parentNode.insertBefore(mask[0], leavePage.element[0]);
var maskClear = animit(mask[0])
.wait(0.6)
.queue(function(done) {
mask.remove();
done();
});
animit.runAll(
maskClear,
animit(enterPage.element[0])
.queue({
css: {
transform: 'translate3D(0, -100%, 0)',
},
duration: 0
})
.queue({
css: {
transform: 'translate3D(0, 0, 0)',
},
duration: 0.4,
timing: 'cubic-bezier(.47,0,.47,1)'
})
// .wait(0.2) -> causes flicker sometimes
.resetStyle()
.queue(function(done) {
callback();
done();
}),
// dont move leaving page
animit(leavePage.element[0])
);
},