Many animate.css animations bugged on IE 11

[josephdietrich]

Testbox: IE 11.0.96.17107 on Windows 8.1

Animations work, but are bugged. On the example page at (http://kevinbatdorf.github.io/liquidslider/examples/page2.html), animations such as bouncing, flipping, and rotating don't seem to clip correctly to the liquid-slider container (for example, text flies out of the bounding box on rotateOut, and on many animations the next panel in the queue appears to the right of the container box).

[josephdietrich]

Just to follow up on this, this seems to be due to a bugged implementation of the "translate3d" transform-function (used in LiquidSlider.transitionCSS) on IE 11. In my particular case, I was just needing a bounceOutLeft animation, and changing the transform-function to "translate" fixed the issue for me. However, I have not done thorough testing of all the various animations, so I cannot speak to any side effects.

[KevinBatdorf]

The transitionCSS() function shouldn't even run when using animate.css. transitionInAnimateCSS() is the function it uses. Can you post your settings?

[josephdietrich]

Which settings in particular would you like to see? IE 11 has a lot of them. In general I am using the settings that default install of IE 11 on Windows 8.1 has (I mostly develop on Firefox/Chrome, and use IE only for compatibility testing).

[KevinBatdorf]

The settings you are using for the liquid slider :)

Something like:

$('#main-slider').liquidSlider({
  hashLinking:true,
  includeTitle:false
});

[josephdietrich]

Well, I'm seeing this on the demo page at http://kevinbatdorf.github.io/liquidslider/examples/page2.html But for what its worth, the settings on my project are:

$('#liquidslider-container').liquidSlider({
    dynamicArrows:false,
    slideEaseDuration:300,
    keyboardNavigation:true,
    slideEaseFunction:'animate.css',
    animateOut:'bounceOutLeft',
    animateIn: 'bounceInRight'
}); 

[jagu51]

I have this problem on IE 11, too. Is there any solution?

[kosmo009]

I have this problem too on IE 11 and i cant´t find the solution. Have you an idea now?