TabPanel tabBar does not position at bottom of screen on Android phones

[tjunction]

There is a thread for this issue in the Sencha Touch 1.x forums here but I am experiencing the same problem in Sencha Touch 2

Basically the main view of my application is a tabpanel, using the following config options it positions at the bottom of the screen for iPhone etc, but leaves a white line about 0.75cm below the tab panel on Android phones when in portrait view, and the space is a bit wider when in landscape view

Ext.define('MyApp.view.MainTabs', {
    extend: 'Ext.TabPanel',
    xtype: 'mainTabPanel',
    config: {
        tabBar: {
            docked: 'bottom',
            layout: {
                pack: 'center'
            }
        },
        items: [ 
             // items go here
        ]
    }
});

I've tried using tabBarPosition: 'bottom' within the tabPanel config, but this seems to have the same problem... any one know of a fix for this (or what I am doing wrong )

[mitchellsimoens]

Are you wanting to submit a bug report?