PDA

View Full Version : Ext 3.3.1 DateField Renders incorrect (input) width in Chrome 9.0.597.98



adavsko
15 Feb 2011, 2:05 PM
Forgive me if this is a repost; I searched the forum and did not see anything.

Summary:
The DateField in Ext 3.3.1 appears to render the "input" with an incorrect width of 0px in Chrome 9.0.597.98.

Details:
Using the Chrome DOM inspector, the DateField components using an anchor percentage value render an input field with a "style" attribute containing "width: 0px". If an explicit width is set and the anchor percentage is not used, the component seems to respect the width value correctly. The problem is not evident in Ext 3.3.0 at all, where it appears to respect both the explicit width value and the anchor value.

Code is below. Screenshots can be provided at your request.

Thanks




this.formPanel = new Ext.form.FormPanel({
baseCls: 'x-plain',
labelWidth: 200,
defaultType: 'textfield',
trackResetOnLoad: true,

items: [{
xtype: 'datefield',
fieldLabel: 'Next Review Date',
name: 'nextReviewDate',
allowBlank : false,
width: 100 // rendered correctly in both 3.3.0 and 3.3.1
}, {
fieldLabel: 'Analyst Recommended Amount',
name: 'analystRecommendedAmount',
allowBlank : false,
anchor:'100%' // rendered correctly in both 3.3.0 and 3.3.1
// (only appears to be a DateField problem)
}, {
xtype: 'datefield',
fieldLabel: 'Credit Limit Active Date',
name: 'creditLimitActiveDate',
allowBlank : false,
anchor:'75%' // rendered correctly in 3.3.0,
// but style="width: 0px " in 3.3.1
}, {
xtype: 'datefield',
fieldLabel: 'Credit Limit Expire Date',
name: 'creditLimitExpireDate',
allowBlank : false,
anchor:'75%' // rendered correctly in 3.3.0,
// but style="width: 0px " in 3.3.1
}, {
fieldLabel: 'Model Recommended Amount',
name: 'modelRecommendedAmount',
allowBlank : false,
anchor:'100%' // rendered correctly in both 3.3.0 and 3.3.1
// (again, only appears to be a DateField problem)
}]
});