[RC2] TabPanel is hidding tabs

[jochenp]

REQUIRED INFORMATION


Ext version tested:

• Sencha Touch RC 2

Browser versions tested against:

• Chrome
• Safari 5.1.3

DOCTYPE tested against:

• html 5

Description:

• Using TabPanel results in hidden content

Steps to reproduce the problem:

• use TabPanel, add some tabs

The result that was expected:

• visible content on tab switch

The result that occurs instead:

• only tab bar is visible, content of panel has style : element.style {
  display: none !important;
  }

Test Case:

    example code attached, add touch directory

Operating System:

• Mac OS 10.7

[jochenp]

The issue seems to be in wrapping of items in the tabbed panel :

        items: [
            {
                title: 'Favorites',
                iconCls: 'favorites',
                layout: 'fit',
                items: [
                    {
                        xtype: 'favoritesPanel'
                    }
                ]
            }, ...
        ]

I've been looking into the examples and found that you need to set the xtype of the item and not wrap it:

        items: [
            {
                xtype: 'favoritesPanel'
                title: 'Favorites',
                iconCls: 'favorites',
                layout: 'fit'
            }, ...
        ]

[Jamie Avins]

I'll check into your example, thanks for the report.

[trkaky]

I'm experiencing this issue in ST 2.0.1, same script with 2.0.0 runs ok tho.