I've got a tableView with a headerView that contains a label. I want to update the text of the label, but when I do so, the headerView moves, jumping to the middle of the window.

Here's an example. Click the button and see what happens. Any thoughts on a workaround?

var win = Ti.UI.createWindow({});

var data = [];

data[0] = Ti.UI.createTableViewRow({title:'Row 1'});
data[1] = Ti.UI.createTableViewRow({title:'Row 2'});
data[2] = Ti.UI.createTableViewRow({title:'Row 3'});
data[3] = Ti.UI.createTableViewRow({title:'Row 4'});

var headerView = Ti.UI.createView({height:'auto'});

var headerLabel = Ti.UI.createLabel({
    text:'Here is some text for the header label.',
    height:'auto',
    left:10,
    right:10
});

headerView.add(headerLabel);

var tableView = Ti.UI.createTableView({
    style:Titanium.UI.iPhone.TableViewStyle.GROUPED,
    top:0,
    right:0,
    left:0,
    headerView:headerView,
    data:data
});

win.add(tableView);

var button = Ti.UI.createButton({
    title:'Change Header',
    height:40,
    width:150,
    bottom:10
});

button.addEventListener('click', function()
{
    headerLabel.text = 'This is some different text.';
});

win.add(button);

win.open();