Ext.form.field.Text mask() fails in IE

[Alexey.Solonets]

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:

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:
  

  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

[mitchellsimoens]

Thanks for the report! I have opened a bug in our bug tracker.

[BMTDeveloper]

I'd like to add that I'm seeing the same behaviour described here on xtype: multiselect in IE9 (works on chrome/ffox).

As the OP mentioned, the issue is seen on the following line:

maskEl = Ext.get(maskMsg.dom.previousSibling);

Inside this function:

        Ext.DomHelper.append(dom, [{
            cls : Ext.baseCSSPrefix + "mask"
        }, {
            cls : msgCls ? EXTELMASKMSG + " " + msgCls : EXTELMASKMSG,
            cn  : {
                tag: 'div',
                html: msg || ''
            }
        }]);
            
        maskMsg = Ext.get(dom.lastChild);
        maskEl = Ext.get(maskMsg.dom.previousSibling);

Don't suppose there is a fix in place yet?

[al.todd]

bump.

I have the same issue on a combo. (Ext. 4.1.3)

It's really bizarre because

dom.lastChild

returns a node, but

Ext.get(dom.lastChild)

returns null.

Issue exists in both IE9 & IE10

Was this fixed in 4.2?

FWIW i navigated it by masking the combo's container instead, which suggests it is more than an event hierarchy issue.