Question

I am doing drag and drop to a panel, it is working fine in IE8, Chrome and Firefox, but for Ie7 i am getting this error -” ‘offsetWidth’ is null or not an object”

when i am debugging it is pointing to the following code,

    getLocation: function (i) {
        if (!this.isTypeOfDD(i))
        { return null }
        if (i.getRegion)
        { return i.getRegion() }
        var g = i.getEl(), m, d, c, o, n, p, a, k, h;
        try { m = Ext.Element.getXY(g) }
        catch (j) { }
        if (!m) { return null }
        d = m[0];
        c = d + g.offsetWidth;
        o = m[1];
        n = o + g.offsetHeight;
        p = o - i.padding[0];
        a = c + i.padding[1];
        k = n + i.padding[2];
        h = d - i.padding[3];
        return new Ext.util.Region(p, a, k, h)
    }

specifically to g.offsetWidth, where g is also undefined, and i is of type “Ext.dd.DropZone” and it occurs sometimes only. i am trying to odd it out. meantime if any one have some clues please share with me.
Advance Thanks

Answer 1

i solved this by adding a condition checking. it is working fine upto this time.

getLocation: function (i) {
    if (!this.isTypeOfDD(i))
    { return null }
    if (i.getRegion)
    { return i.getRegion() }
    var g = i.getEl(), m, d, c, o, n, p, a, k, h;
    if(g!=null){
    try { m = Ext.Element.getXY(g) }
    catch (j) { }
    if (!m) { return null }
    d = m[0];
    c = d + g.offsetWidth;
    o = m[1];
    n = o + g.offsetHeight;
    p = o - i.padding[0];
    a = c + i.padding[1];
    k = n + i.padding[2];
    h = d - i.padding[3];       
    return new Ext.util.Region(p, a, k, h)
    }
}