Edge 中未完成的过渡

Question

点击按钮时会出现一个引导模式。 Edge 浏览器中还打开了几个选项卡。 我正在执行以下操作：

1. 点击按钮 - 模式开始出现
2. 切换到另一个选项卡 - 模式尚未完全可见，并且正在进行一些转换
3. 切换回带有模态的原始选项卡，现在是半透明的
4. 过渡似乎未完成，模态变为半透明

如果我在控制台中输入下一个代码，它会给我：

var m = angular.element('.modal.fade.in');
m.css('opacity') -> 0.2666
m.css('opacity') -> 0.2333
m.css('opacity') -> 0.33
//and so on.. 

我假设有一些优化过程会暂停未聚焦的页面并仅恢复聚焦的页面，并且可能由于某种原因过渡仍未完成 - 样式未完全应用。

我该如何处理这种情况？ 只需调整窗口大小即可解决问题，但在我的情况下这是不可接受的。

Answer 1

作为临时解决方案，我使用了以下代码：

window.onfocus = function() { 
  //manually check css opacity
  //if is is less than 1 - set it 1
}