[FIXED-773][3.2.0-6355] CompositeField on hidden panel

[squ3lch]

Ext version tested:

• Ext 3.2.0-6355

Adapter used:

• ext
• prototype

css used:

• only default ext-all.css

Browser versions tested against:

• IE7
• FF3

Operating System:

• WinXP Pro

Description:

• A composite field in a hidden panel (such as the second card in a card layout) will render in Firefox3 but not in IE7.

Test Case:

Ext.onReady(function(){

     var cardNav = function(incr){
         var l = Ext.getCmp('card-wizard-panel').getLayout();
         var i = l.activeItem.id.split('card-')[1];
         var next = parseInt(i) + incr;
         l.setActiveItem(next);
         Ext.getCmp('card-prev').setDisabled(next==0);
         Ext.getCmp('card-next').setDisabled(next==2);
     };

     var f1 = new Ext.form.CompositeField({
                    labelWidth:50,
                    fieldLabel:'f1',
                    items:[
                         c1 = new Ext.form.ComboBox({
                              width:75,
                              store: ['1','2','3'],
                              typeAhead: false,
                              editable:false,
                              triggerAction:'all',
                              mode: 'local',
                              value:'1'
                         }),
                         t1 = new Ext.form.TextField({
                              width:150
                         })
                    ]
               });

     var t2 = new Ext.form.TextField({
          width:150
     });

     var cardWizard = {
         id:'card-wizard-panel',
         title: 'Card Layout (Wizard)',
         layout:'card',
         activeItem: 0,
         bodyStyle: 'padding:15px',
         defaults: {border:false},
         bbar: ['->', {
             id: 'card-prev',
             text: '« Previous',
             handler: cardNav.createDelegate(this, [-1]),
             disabled: true
         },{
             id: 'card-next',
             text: 'Next »',
             handler: cardNav.createDelegate(this, [1])
         }],
         items: [{
             id: 'card-0',
             html: '<h1>Welcome to the Demo Wizard!</h1><p>Step 1 of 3</p><p>Please click the "Next" button to continue...</p>'
         },{
             id: 'card-1',
             layout:'form',
             items:[
               f1,
               t2
             ]
         },{
             id: 'card-2',
             html: '<h1>Congratulations!</h1><p>Step 3 of 3 - Complete</p>'
         }]
     };

    var mainWindow = new Ext.Viewport({
        layout:'absolute',
        defaults:{x:10,y:5,anchor:"-10 -10",plain:true},
        items:[
               cardWizard
        ]
    });

    mainWindow.doLayout();

});

[Jamie Avins]

[type]: fix
[module]: BoxLayout
[id]: #773
[desc]: Fixes #773. BoxLayout innerCt measurements of zero height or width will now be passed through to setSize as undefined.

[squ3lch]

Works beautifully; thanks.

[Jamie Avins]

Good to hear.