[TIMOB-11764] [ios] scrollableview doesnt behave correctly on width/height animation

var win = Ti.UI.createWindow();
    
var view1 = Ti.UI.createView({ backgroundColor:'#123' });
var view2 = Ti.UI.createView({ backgroundColor:'#246' });
var view3 = Ti.UI.createView({ backgroundColor:'#48b' });

var inView1 = Ti.UI.createView({ backgroundColor:'black', width:"70%" , height:"70%"});
view1.add(inView1);
var inView2 = Ti.UI.createView({ backgroundColor:'black', width:"70%", height:"70%" });
view2.add(inView2);
var inView3 = Ti.UI.createView({ backgroundColor:'black', width:"70%", height:"70%" });
view3.add(inView3);

var scrollableView = Ti.UI.createScrollableView({
  views:[view1,view2,view3],
  width:300,
  height:200
});

var needsShrink = true;

win.add(scrollableView);

var button = Titanium.UI.createButton({
   title: 'resize',
   top: 10,
   width: 100,
   height: 50
});
button.addEventListener('click',function(e)
{
   scrollableView.animate({
       height:(needsShrink?100:200),
       width:(needsShrink?200:300)
       });
   needsShrink = !needsShrink;
});
win.add(button);

win.open();