Javascript 加载未绑定到组件的掩码，在父X、Y移动时中断

说明：

我正在使用Sencha 4.1.1和

网格

。我可以通过创建任何面板并在面板上调用

setload（true）

来复制此问题

问题：

Sencha加载独立于组件（页脚）的掩码。当掩码被调用时，Sencha会找到组件的X和Y，并将其放置在掩码上。这就是遮罩出现在栅格上方的原因。问题是，当组件上的X和Y发生变化时，遮罩不会更新，使部分网格暴露在外，看起来非常难看

JsFiddle显示：-如果单击“test”div，它将被删除，错误将被复制

问题：

---

我想知道是否有人想出了解决这个问题的办法？我可以将遮罩始终绑定到组件的X和Y上吗？这是面具的一个更广泛的问题吗

这仍然是4.2中的一个问题。我在4.2中使用了以下覆盖来解决这个问题（我还没有在4.1中测试它，但希望它能工作）：

---

这是一段很棒的代码，但是它没有考虑到当DOM改变，父组件的X和Y改变时，它不会更新加载掩码。嗯，我想我从来没有碰到过这个问题。这是专门为处理拖动

Ext.window.window

而设计的。

Ext.override(Ext.LoadMask, {
    sizeMask: function() {
        var me = this,
            target;

        if(me.rendered && (me.isVisible() || me.getMaskEl().isVisible())) {
            me.center();

            target = me.getMaskTarget();
            me.getMaskEl().show().setSize(target.getSize()).alignTo(target, 'tl-tl');
        }
    }
});