Previous versions of Edge displayed the correct transition effect. I am animating a div by adjusting opacity and visibility using CSS when its parent's hover event is triggered.
//LESS
&:hover .inside{
//part that matters:
visibility: visible;
opacity: 1.0;
transition-delay:0s;
}
.inside{
//part that matters:
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 1s,opacity 1s ease;
}
//Pug
.wrapper
.button text
.inside more text
The issue.
In Chrome, IE 11, and Edge 25, the transition works smoothly. However, in newer versions, hovering over or leaving the button too quickly causes the opacity to jump back and forth during the transitions.
Here's an example: https://codepen.io/vtsells/pen/RZjLYP
Is this a bug or am I overlooking something? It's puzzling that older versions of Edge are functioning correctly.