Unfertige Übergänge in Edge

Question

Es gibt ein Bootstrap-Modal, das beim Klicken auf die Schaltfläche angezeigt wird. Im Edge-Browser sind auch mehrere Registerkarten geöffnet. ich tue folgendes:

1. die Schaltfläche - die modale beginnt
2. Umschalten auf ein anderes Register zu erscheinen - die modale noch nicht vollständig sichtbar ist und einige Übergänge sind im Gange
3. Wechseln Sie zurück in die Original-Registerkarte mit modalen die nun halbtransparent ist
4. Transitions scheinen unfertig und modal zu sein wird halbtransparenten

Wenn ich den nächsten Code in der Konsole geben es gibt mir:

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.. 

Ich gehe davon aus, dass eine Optimierung Prozess, der nicht fokussiert Seiten unterbricht und wieder nur Seiten konzentriert und vielleicht aus irgendeinem Grund Übergänge bleiben unvollendet - Stile sind nicht vollständig angewendet.

Wie kann ich mit dieser Situation umgehen? Einfaches Ändern der Größe des Fensters behebt das Problem, aber das ist in meinem Fall nicht akzeptabel.

Answer 1

Als temporäre Lösung verwenden ich nächstes Stück Code:

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