You found a bug! We've classified it as EXTJS-7330 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member
    Join Date
    Nov 2010
    Posts
    31
    Vote Rating
    4
    Alexey.Solonets is on a distinguished road

      0  

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

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


    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

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


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

  3. #3
    Touch Premium Member
    Join Date
    Feb 2012
    Posts
    21
    Vote Rating
    0
    BMTDeveloper is on a distinguished road

      0  

    Default


    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:

    Code:
    maskEl = Ext.get(maskMsg.dom.previousSibling);
    Inside this function:

    Code:
            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?

  4. #4
    Sencha Premium Member
    Join Date
    Feb 2013
    Location
    Yorkshire, UK
    Posts
    61
    Vote Rating
    1
    al.todd is on a distinguished road

      0  

    Default


    bump.

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

    It's really bizarre because
    Code:
    dom.lastChild
    returns a node, but
    Code:
    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.