用户界面的部分内容在Chrome应用中不断消失

Osi*_*ris 11 google-chrome google-chrome-app

我的工作被称为邮差(Chrome应用https://chrome.google.com/webstore/detail/postman-rest-client-packa/fhbjgbiflinjbdggehcddcbncdddomop).在带有视网膜显示器的Macbook上使用Postman时,一个奇怪的问题不断出现.

有时(大约每20次点击一次),点击UI元素会使UI的一半消失.开发工具的"元素"选项卡显示正确的结构 - 所有div都在那里,显示:块.他们只是没有渲染.稍微调整窗口大小会强制重绘,并且所有元素都会再次可见.(我目前正在使用Chrome v 37.0.2062.94)

控制台中没有打印错误.

到目前为止,仅在具有视网膜显示器的Macbook上报告了该问题.我也在Canary上复制了这个.

截图: https://cloud.githubusercontent.com/assets/1365493/4188877/06d8b6bc-3777-11e4-8c6b-3f23edfa7c5b.png https://cloud.githubusercontent.com/assets/681190/4188491/1c8f99a2-3773-11e4 -8cc9-bbd5d3165530.png

Sha*_*rya 7

我们浏览了所有已经overflow: scroll;添加的元素,-webkit-transform: translate3d(0,0,0);以强制对这些元素进行更好的硬件加速.

这解决了问题.详细信息发布在http://blog.getpostman.com/index.php/2015/01/23/ui-repaint-issue-on-chrome/

总结一下 - 问题似乎是围绕GPU组合滚动元素(当滚动条占用右边的填充)时,分辨率非常高.