Question

要将其分解：在TD中插入动画元素后，从下一个TD开始，所有下面的表格边框都会消失（或者变为白色，因为它们的偏移量会被保留）。如果我只是禁用动画，它工作正常：
animation disabled
animation enabled

该错误仅存在于Chrome（最新版本）中。 Firefox，IE和Safari工作正常。

代码太重了，不能包含在这里，我不确定它在其他环境中是否可重现。如果您希望可以访问该网站并查看，主页上有很多类似的表格：http://windbet.com

详情：
0）该网站使用Angular 1.3
1）垂直边界在TR上，而水平在TD上 2）TR之间没有元素，所有行都是由ng-repeat
绘制的 3）动画元素是::之前在TD的DIV上 4）边框不仅在带有动画div的桌子上消失，而且还在范围内的所有后续表格中消失（也用ng-repeat，外部循环绘制）
5）动画非常简单

@keyframes rota {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

6）边框折叠：桌面上的单独部分修复它 - 边框再次出现，但它不是相同的边框而是第二个边框，因此它会创建另一个1 px偏移

我有什么想法可以隔离bug来报告它吗？以前有人见过这样的事吗？

Answer 1

已修复Chrome 55.0.2883.87或某些先前版本

TD内部的动画打破了桌面边框：怪异的Chrome bug？

1 个答案: