MS Edge CSS переход мерцает

Question

Я заметил странную проблему с переходами CSS в MS Edge.

В принципе, если у вас есть переход между состояниями наведения, например, стили, определенные для этих состояний наведения, переписаны в каскаде CSS, Edge переключится на переписанный стиль в течение всего периода перехода, затем вернитесь назад.

Проблема описана довольно хорошо здесь: https://www.webmasterworld.com/css/4791912.htm

Я также создал ручку, демонстрирующий проблему: http://codepen.io/powerbored/pen/OWqXRw

a { 
    transition: all 2s ease-in; 
    color: orange; 
} 

a div { 
    color: lightblue; 
    // displays in light blue in all browsers except during transitions in Edge 
} 

a:hover { 
    color: red; 
} 

Я знаю край не совсем отличный браузер, но я то, что я действительно хотел бы видеть, - это объяснение того, что на самом деле происходит здесь и почему это может произойти.

Answer 1

Есть что-то около transition-property: all, что приводит к тому, что элемент-потомк наследует анимированное значение во время перехода, а не сохраняет его указанное значение неопределенно долго в Microsoft Edge. Это, по-видимому, настолько специфично для реализации переходов CSS в Microsoft Edge, что даже ведет себя правильно, а Internet Explorer ведет себя корректно, и это происходит только тогда, когда transition-property - это all. Если вы укажете только те свойства, которые требуют перехода, Microsoft Edge ведет себя правильно.

Это все, что я могу вам сказать. Ну, это и очевидный факт, что это неправильное поведение.