CSS关键帧动画会破坏选择元素

Question

我想为我正在构建的应用程序的一部分添加一些轻微的偶尔发光。有趣的是，它突破了select元素 - 在聚焦select之后，在悬停option时，对于悬停的选项存在“跳跃”行为，这使得不可能正确选择跳转哪个选项突出显示，但实际上是选择了正确的选项。

相关代码：

@-webkit-keyframes glow {
    0%{
        box-shadow: 0 0 1px 0 #35ABFF;
    }
    8%{
        box-shadow: 0 0 8px 0 #35ABFF;
    }
    16%{
        box-shadow: 0 0 1px 0 #35ABFF;          
    }
    100%{
        box-shadow: 0 0 1px 0 #35ABFF;          
    }
}
input:focus, select:focus{
    -webkit-animation: glow 5.5s ease-out infinite;
}

从元素中删除webkit动画会导致它恢复正常行为。

我也（我知道这是错的）在-webkit-transform: translate3d(0, 0, 0);上运行body。它似乎并不相关，因为删除它不能解决问题。我也试过webkit-backface-visibility（我的标准版webkit动画怪癖），但没有雪茄。

到目前为止，我只在Windows上的Chrome中看过它，因为那是我的开发环境。

是否有其他人看到此行为，是否有修复？

由于