在我目前正在进行的项目中,我们遇到了非常奇怪的渲染问题.最糟糕的是,这个问题完全是自发产生的,经过几天的测试后,我们还没有找到重现这个问题的行动序列.这是对这个bug的看法的解释.以下是页面应如何显示的屏幕截图:
但是在一些操作之后,内容块会弹出,而不是内容,因此只有内容的一部分是可见的,它看起来像:
最奇怪的是,块的这种位置不是基于Web Inspector所示的CSS属性的值.
正如您所看到的,CSS属性没问题,而块的位置则没有.这个事实告诉我,它可能是WebKit引擎的一些渲染错误
该项目使用Ext JS 3.4构建,它是一个经典的单页Web应用程序.在Mac OS 10.7 / 10.8上的Chrome和Safari的最新版本中可以看到此问题.虽然由于这个问题的自然性,它也可能存在于其他浏览器和平台中.
关于如何调试此类问题或如何解决这些问题的任何建议都是值得欢迎的.
解决方法:
请检查您的任何代码或Ext JS的代码是否使用了scrollIntoView方法,我们已经看到类似的问题,在没有溢出设置为auto的任何元素上调用scrollIntoView,并且它位于可能放置在相对位置的剪切元素内.
它似乎是webkit中的bug,因为它滚动剪切元素,这在其他浏览器中没有发生.
我还看到同一层次结构中有两个元素,溢出设置为auto.而scrollIntoView是滚动错误的元素.
原文地址:https://codeday.me/bug/20190630/1332052.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。