REQUIRED INFORMATION

Ext version tested:
  • Ext 4.1.1
Browser versions tested against:
  • IE8, IE9 - FAILS
  • Chrome - works fine
Description:
  • mask() method of TextField's element throws an error in Internet Explorer
Steps to reproduce the problem:
  • Create a textfield and call it's element's mask() method
The result that was expected:
  • textfield should be masked with no errors
The result that occurs instead:
  • textfield is masked with an error
Test Case:
Code:
Ext.create('Ext.form.field.Text', {
    emptyText: 'Click to mask...',
    renderTo: Ext.getBody(),
    listeners: {
        focus: function(self) {
            self.el.mask(); // will mask but throws "Unable to get value of the property 'dom': object is null or undefined"
        }
    }
})
HELPFUL INFORMATION

Debugging already done:
  • src/dom/Element.js line 379:
    Code:
    maskEl = Ext.get(maskMsg.dom.previousSibling);
Possible fix:
  • not provided
Additional CSS used:
  • only default ext-all.css
  • custom css (include details)
Operating System:
  • Windows 7