[CLOSED-592] FileUploadField (or TextField) in unrendered tbar

[squ3lch]

Ext version tested:


Ext 3.1.1 - NOT WORKING
Ext 3.1.0 - WORKING
Ext 3.0.3 - NOT WORKING



Adapter used:


Ext
Prototype



css used:


ext-all.css
fileuploadfield.css (stock)





Browser versions tested against:


IE7
Firefox 3.6



Operating System:


WinXP Pro



Description:


When a FileUploadField (or any TextField or TextField extension) object is placed into the tbar of an unrendered panel (such as a hidden tab) the TextField portion will not render at all in IE7, and renders very small in Firefox 3.6. This was working correctly in 3.1.0 but has broken again in 3.1.1. Adding deferredRender to the config of the tabpanel has no effect.



Test Case:



Ext.onReady(function(){

tPanel1 = new Ext.Panel({
tbar: [
new Ext.ux.form.FileUploadField({
width:200
})
]
})

tPanel2 = new Ext.Panel({
tbar: [
new Ext.ux.form.FileUploadField({
width:200
})
]
})

var tForm = new Ext.TabPanel({
activeTab: 0,
anchor:'-10, -10',
deferredRender:false,
items: [
{
title: 'Tab 1',
layout: 'anchor',
items:[
tPanel1
]
},{
title: 'Tab 2',
layout:'anchor',
deferredRender:false,
items:[
tPanel2
]
}
]
});



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

mainWindow.doLayout();

});
Debugging already done:


none

[squ3lch]

This bug is still present in 3.1.2

[squ3lch]

This bug is still present in 3.2 rc1.

[Condor]

There are 2 things wrong with your example:
1. deferredRender is a config option of TabPanel and not of a the panels inside a TabPanel.
2. The size of tPanel1 and tPanel1 is unmanaged because you didn't specify an anchor (try adding anchor:'100%' to tPanel1 and tPanel2).

ps. Your layout is probably overnested. Do you really need an extra panel to hold tPanel1/2?

[squ3lch]

Thanks Condor, the anchor:'100%' solved the problem. Now it just seems FileUploadField is broken by 3.2.

Devs please mark this as resolved.