要将其分解:在TD中插入动画元素后,从下一个TD开始,所有下面的表格边框都会消失(或者变为白色,因为它们的偏移量会被保留).如果我只是禁用动画,它工作正常:
动画禁用
动画启用
该错误仅存在于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);
}
}
Run Code Online (Sandbox Code Playgroud)
6)边框折叠:桌面上的单独部分修复它 - 边框再次出现,但它不是相同的边框而是第二个边框,因此它会创建另一个1 px偏移
我有什么想法可以隔离bug来报告它吗?以前有人见过这样的东西吗?