Currently, I am in the process of creating a BI dashboard for a business application using JavaScript Kendo UI version v2014.1.416. Unfortunately, I have encountered an issue with certain visuals while testing on IE11.
I must mention that due to practical limitations, using IE11 is non-negotiable. Although managing the Kendo version is slightly more feasible, it still presents its own challenges.
Specifically, my problem lies with the kendo.fx.flip() function which is responsible for displaying a flip card effect. While the front side flips correctly, the "back of the card" appears before the actual flip animation starts. On the contrary, Chrome and Firefox execute the effect as expected, revealing the backside halfway through the animation.
In attempting to resolve this issue, I referred to the API reference page for the flip effect available at http://docs.telerik.com/kendo-ui/api/javascript/effects/flip. Interestingly, the example provided on the reference page showcases the same behavior in IE11.
Based on my observations, it seems likely that the effect relies on the CSS3 flip function (although I haven't confirmed this yet), posing a common challenge given the numerous queries regarding flip animations in IE.
Therefore, my inquiry consists of two parts:
1) Is there a solution to rectify the animation specifically for IE using the current version of Kendo or regular CSS?
2) Has this specific issue been addressed in later versions of Kendo, despite what is demonstrated on the API reference page?