[TIMOB-5498] Last row of tableView half-hidden when in window with vertical layout

Using the code below, the last row of a TableView is only half visible when the window has layout "vertical". The last row gets cut off by the height of the Label. It appears that when the TableView determined its own height, it didn't take into consideration its effective top. Setting the TableView's bottom to 0 produces the same result. Don suggested trying wrapping the two controls in a view and having the view be vertical layout...same result. Removing layout:'vertical' (and setting an explicit top to the TableView) does resolve the problem, but this is not practical solution since many apps need to use the vertical layout due to unknown or dynamic dimensions of the topmost controls. According to Don, "TableView wants to be fullscreen so it definitely sounds like a layout problem."

var win = Ti.UI.createWindow({
  backgroundColor:'#fff',
  url:'win1.js',
  layout:'vertical',
  exitOnClose:true,
  navBarHidden:false
}).open();

var win1=Ti.UI.currentWindow;

var TopLabel=Ti.UI.createLabel({
  text:'Hello World',
  color:'black',
  left:0,
  right:0,
  height:25,
  backgroundColor:'yellow'
});

win1.add(TopLabel);

var MyListbox=Ti.UI.createTableView({
  backgroundColor:'black',
//  bottom:0, // this results in the same problem
});

for (var i=0; i<30; i++){
  MyListbox.appendRow(Ti.UI.createTableViewRow({
    title:'Row '+i
  }));
}

win1.add(MyListbox);