IE & Edge Problem: Animation does not stop after mouse over

[darrudi]

In IE 11.0 and Edge the animation does not stop even after the mouse leaves. Chrome, Firefox and Safari are fine.

In the attached images all the three icons in the bottom are all pulsating tough the mouse pointer is on top of neither one.

This is the jQuery snippet which adds the classes on page load:

$('a').children('i').parent().addClass('faa-parent animated-hover');
$('a i').addClass('faa-pulse faa-fast');

[Mr-Anonymous]

I found the same issue. I tried it from IE 11 and edge and I have animation on parent hover set-up. When the page loads, some of them starts animated and it doesnt stop even when mouse leaves from parent. Is there a css to completely disable this font-awesome animation for IE and edge?

[Mr-Anonymous]

For now, I have disabled Parent Hover Animation completely in IE since that is the only browser that has issue with this. This is what I have added to my site script to disable it:

$(document).ready(function() {
   if (window.document.documentMode) {
        $('a').removeClass('faa-parent animated-hover');
   }
});

-- Neel.