IE7中的ExtJS组件定位错误

Question

下面的图片是我所遇到的问题的简化版本。 #custom和#ext-ct都是手动编码的。 ExtJS组件呈现为#ext-ct。然后#custom切换到其display CSS属性。在IE7中，显示#custom会导致组件粘到其初始位置，而隐藏#custom会导致组件向上移动。

我试图在jsFiddle中重现此错误失败。我已经知道了着名的“hasLayout”概念，所以我尝试将zoom:1应用于#custom，然后我尝试this solution仍未成功。有没有人遇到过这种情况？是否有一个简单的方法可以强制组件粘在容器上？

Answer 1

我发现了一个难看的修复程序，每次#custom切换时都会运行下面的代码：

if (Ext.isIE7) {
    Ext.get('custom').setStyle('zoom', 0);
    Ext.get('custom').setStyle('zoom', 1);
}

我没有回答这个问题，直到找到更好的解决办法。