[TIMOB-27796] Android: TableViewSection does not scroll after a certain point

var RED = 'Red',
    GREEN = 'Green',
    PURPLE = 'Purple';
 
var win1 = Titanium.UI.createWindow({  
    backgroundColor:'#fff',
    layout: 'vertical'
});
 
var table = Ti.UI.createTableView({
     
});
 
var tableSection1 = createSectionForGroup(RED);
var tableSection2 = createSectionForGroup(GREEN);
var tableSection3 = createSectionForGroup(PURPLE);
var tableSection4 = createSectionForGroup(PURPLE);
var tableSection5 = createSectionForGroup(RED);
var tableSection6 = createSectionForGroup(GREEN);
var tableSection7 = createSectionForGroup(PURPLE);
var tableSection8 = createSectionForGroup(PURPLE);
var tableSection9 = createSectionForGroup(RED);
var tableSection10 = createSectionForGroup(GREEN);
var tableSection11 = createSectionForGroup(PURPLE);
var tableSection12 = createSectionForGroup(PURPLE);
 
var tableRow = Ti.UI.createTableViewRow({
    title:'Row'
});
 
var rows = 7;
 
for(i=0; i<=rows; i++) {
    tableSection1.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection2.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection3.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection4.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection5.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection6.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection7.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection8.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection9.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection10.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection11.add(tableRow);
}
 
for(i=0; i<=rows; i++) {
    tableSection12.add(tableRow);
}
 
table.setData([tableSection1, tableSection2, tableSection3, tableSection4,  tableSection5, tableSection6, tableSection7, tableSection8,
	tableSection9, tableSection10, tableSection11, tableSection12]);
win1.add(table);
 
// open tab group
win1.open();
 
 
function createSectionForGroup(group) {
    var headerContainerOpts, headerBottomBorderOpts, headerViewOpts;
 
    headerViewOpts = {
        color: 'white',
        height: Ti.UI.SIZE,
        font: { fontSize: '17sp', fontWeight: 'bold' },
        left: 11,
        text: group
    };
    
    if (group === RED) {
        headerContainerOpts = {
            backgroundGradient: {
                endPoint: { x: 0, y: '100%' },
                startPoint: { x: 0, y: 0 },
                type: 'linear',
                colors: ['#C53019', '#B32D14']
            },
            height: 32
        };
    }
    if (group === GREEN) {
        headerContainerOpts = {
            backgroundGradient: {
                endPoint: { x: 0, y: '100%' },
                startPoint: { x: 0, y: 0 },
                type: 'linear',
                colors: ['#2B781E', '#195010']
            },
            height: 32
        };
    }
    if (group === PURPLE) {
        headerContainerOpts = {
            backgroundGradient: {
                endPoint: { x: 0, y: '100%' },
                startPoint: { x: 0, y: 0 },
                type: 'linear',
                colors: ['#873DA6', '#612A7D']
            },
            height: 32
        };
    }
 
    var container = Ti.UI.createView(headerContainerOpts);
    container.add(Ti.UI.createLabel(headerViewOpts));
    return Ti.UI.createTableViewSection({
        headerView: container,
        title: group
    });
}