View Full Version : [FIXED] [4.0.6] Disabled fields retain invalid field decoration

24 Oct 2011, 7:34 AM
REQUIRED INFORMATION Ext version tested:

Ext 4.0.6 & 4.0.7

Browser versions tested against:

FF5.0 (firebug 1.8.1 installed)

DOCTYPE tested against:



Invalid fields marked invalid and then disabled will retain the invalid decoration. IE will still offer the invalid msg tooltip as well.

Steps to reproduce the problem:

set a datefield to allowBlank : false
blur the field
disable the field

The result that was expected:

the field would clearInvalid on disable()

The result that occurs instead:

the invalid decoration persists when disabled

Test Case:
Ext.create('Ext.form.Panel', {
renderTo: Ext.getBody(),
width: 300,
bodyPadding: 10,
title: 'Dates',
items: [{
xtype: 'datefield',
anchor: '100%',
fieldLabel: 'To',
, allowBlank: false
}, {
xtype: 'button'
, text: 'disable date field'
, handler: function (btn) {
}); HELPFUL INFORMATION Debugging already done:


Possible fix:

have disable() fire clearInvalid()

Additional CSS used:

only default ext-all.css

Operating System:

WinXP Pro