[TIMOB-13048] layout on view fall apart when using transition when view layout = vertical

//Transition Bug when view layout = vertical
/*
When view.layout = vertical
When transitioning from view1 to view2, we see view2 pretty much collapses.
As it's transitioning, you can see button2 for some reason takes up the whole view,
rather than respect its set width/height.
Basically, transitioning from one view to another seems broken.
*/


Ti.UI.setBackgroundColor('#000');
var win = Ti.UI.createWindow({
  height: Ti.UI.FILL,
  width: Ti.UI.FILL
});

var view1 = Ti.UI.createView({
  layout: "vertical",
  height: 200,
  width: 200,
  backgroundColor: "#cc0"
});

var textField1 = Ti.UI.createTextField({
  borderWidth: 1,
  borderColor: "#000",
  width: 100,
  height: 40
});

var button1 = Ti.UI.createButton({
  width: 100,
  height: 50,
  title: "Click To Transition"
});
view1.add(textField1);
view1.add(button1);


var view2 = Ti.UI.createView({
  layout: "vertical",
  height: 400,
  width: 400,
  backgroundColor: "#c0c"
});
var textField2a = Ti.UI.createTextField({
  borderWidth: 1,
  borderColor: "#000",
  width: 100,
  height: 40
});
var textField2b = Ti.UI.createTextField({
  borderWidth: 1,
  borderColor: "#000",
  width: 100,
  height: 40
});
var button2 = Ti.UI.createButton({
  width: 100,
  height: 50,
  title: "Click To Transition Back"
});

view2.add(textField2a);
view2.add(textField2b);
view2.add(button2);

button1.addEventListener('click', function() {
  var transition = Ti.UI.createAnimation({
    view: view2,
    transition: Ti.UI.iPhone.AnimationStyle.FLIP_FROM_RIGHT
  });
  view1.animate(transition);
});

button2.addEventListener('click', function() {
  var transition = Ti.UI.createAnimation({
    view: view1,
    transition: Ti.UI.iPhone.AnimationStyle.FLIP_FROM_RIGHT
  });
  view2.animate(transition);
});

win.add(view1);
win.open();