javascript - WebKit 浏览器中的渲染错误

Question

在我目前从事的项目中，我们遇到了非常奇怪的渲染问题。最糟糕的是，这个问题完全是自发出现的，经过几天的测试，我们还没有找到能够重现这个问题的操作顺序。这是对这个错误的解释。下面是页面的截图:

但是在一些操作之后弹出内容 block 而不是这个，所以只有部分内容是可见的，它看起来像:

最奇怪的是，这样的 block 位置并不是基于 Web Inspector 显示的 CSS 属性值。

如您所见，CSS 属性正常，但 block 的位置不正常。这个事实表明我可能是 WebKit 引擎的一些渲染错误

该项目是使用 Ext JS 3.4 构建的，是一个经典的单页 Web 应用程序。此问题出现在 Mac OS 10.7/10.8 上的最新版本的 Chrome 和 Safari 中。尽管由于此问题的自发性，它也可能存在于其他浏览器和平台中。

欢迎就如何调试此类问题或如何出现此类问题提出任何建议。

Answer 1

请检查您的任何代码或 Ext JS 的代码是否正在使用 scrollIntoView 方法，当在任何未将 overflow 设置为 auto 的元素上调用 scrollIntoView 并且它位于可能放置的剪辑元素内时，我们已经看到类似的问题相对定位。

这似乎是 webkit 中的错误，因为它会滚动被剪裁的元素，而这在其他浏览器中不会发生。

我还看到同一层次结构中的两个元素将溢出设置为自动。并且 scrollIntoView 正在滚动错误的元素。