Image view zooms after flip animation

Hello All,

I am having some serious issues with the flip animation and am not able to point it out, I have two image view on view which i am flipping one has two buttons while the other just has an image.

My issue is when i flip from image view to the second image view with the buttons, the button zoom to the center of the screen and then move down to their original place.

From past 3 days i am not able to locate any kind of help online hence finally i decided to post a question here, please help me out given below is the code for those buttons and my animations

// done button image
 
doneImageView = Titanium.UI.createImageView({ 
            image: './images/Done.png',
            bottom: screenHeight*0.001,//1,
            right: screenWidth * 0.0156,//10,
            width: screenWidth * 0.223,//143,
            height:screenHeight*0.0469, //45,
            zIndex: 105
        });
 
    var testView = Titanium.UI.createView();
 
      // cardWindow is the main window of the app
    cardWindow.add(testWindow);
    cardView.add( doneImageView );
       testView.add(cardView);
 
        cardBackView.addEventListener("click", function(e) {
          testView.animate({
          view:cardView,    // doneImageView zooms on this animation
          transition:Ti.UI.iPhone.AnimationStyle.FLIP_FROM_LEFT,
         duration:2500
       });
        });

Thanks