Problem with Titlebar and TabPanel toghether in viewport Panel

[veter_kh]

I have the following views in my app

// Views
Ext.define('Site.view.Viewport', {
    extend: 'Ext.Panel',
    
    config: {
        title: 'Viewport',
        fullscreen: true,
        layout: 'fit',
        items: [
            { xtype: 'titlebar' },
            { xtype: 'tabpanelbar' }
        ]
    }
});
Ext.define('Site.view.Titlebar', {
    extend: 'Ext.TitleBar',
    xtype: 'titlebar',

    config: {
        docked: 'top',
        title: 'My solution',
    }
});
Ext.define('Site.view.Tabpanel', {
    extend: 'Ext.tab.Panel',
    xtype: 'tabpanelbar',
    id: 'tabpanel',


    config: {
        title: 'Tabpanel',
        fullscreen: true,
        tabBarPosition: 'bottom',
        items: [
            { xtype: 'homepanel' }
        ]
    }
});
Ext.define('Site.view.Home', {
    extend: 'Ext.dataview.List',
    xtype: 'homepanel',
    config: {
        title: 'Home',
        iconCls: 'home',
        store: 'PageStore',
        cls: 'homemenu',
        itemTpl : '{title}'
    }
});

Problem - after my app launches i have titlebar displaying,but tabpanel have following attribute: style="display: none !important; " and class x-item-hidden
so - it's hidden, but if i remove style attribute content - everything is ok.

Руку is the screenshots: before removing http://clip2net.com/s/1LT7R
after: http://clip2net.com/s/1LT8B

Please, help - what is wrong ?

[sephyroth69]

Have you tried removing fullscreen property from your tabpanel, I think it's the one breaking your viewport.

[veter_kh]

thanks! it's too easy. comment for code in another thread for this problem turns my mind to wrong way