角$消化周期能让Chrome浏览器50的开<select>眨眼

Question

This question表明，当一个<select>的optionlist被绑定到$scope的某个值，则$scope的消化事件会导致打开<select>闪烁的问题。但是，我发现闪烁效果只发生在我的Chrome 50 on OS X上，即如果在我的Firefox in OS X或我的Chrome in Windows上打开列表时发生$摘要，我将看不到闪烁。

这是否是Chrome的错误？如何防止这种影响？因为如果选项中没有元素被更改，人们不希望看到闪烁的元素<select>。

我正在研究一个可以在线查看最小代码效果的示例。下面附上我当前项目的一个例子。

<select class="form-control" ng-model="application.choiceOfTeams[0]" ng-options="team.name for team in teams"> 
    <option value="">-- select team --</option> 
</select> 
<select class="form-control" ng-model="application.choiceOfJobs[0]" 
      ng-show="application.choiceOfTeams[0].jobs" 
      ng-options="job.name for job in application.choiceOfTeams[0].jobs"> 
    <option value="">-- select position from {$ application.choiceOfTeams[0].name $} --</option> 
</select> 

Answer 1

这听起来像您链接的帖子一样的问题。

这似乎是这个错误：

https://bugs.chromium.org/p/chromium/issues/detail?id=613885

正如意见建议，请使用以下设置过渡到无的选择已解决该问题的工作，在我的情况（自举）：

select.form-control { transition: none; } 

使用时不引导，或者不使用.FORM控制类，简单地丢弃.FORM用选择，并确保没有其他覆盖过渡属性上选择元素：

select { transition: none; }