Tooltip animations disabled

[Valentin]

Hi team !

Recently, animations on my tooltips (and some other components like windows) stopped working, and I can't manage to find why or how to fix it. This issue appeared on every pages. 

 

$(document).ready(function () {
        $("#gridHistoPeriodesRecueil").kendoTooltip({
            filter: ".k-grid-cmdModifier",
            content: "Modifier les dates de la période",
            animation: {
                open: {
                    effects: "fade:in",
                    duration: 1000
                }
            }
        });
 })

[Petar]

Hi Valentin,

Does the issue appear after an upgrade of the Kendo UI for jQuery version? 

Is it replicable on a specific browser? Can you replicate it on different computers and browsers?

If the issue is not related to none of the above, to be able to help you furhter with this case, I will need a runnable example in which I can reproduce the unexpected behavior.

Can you isolate the issue in a Dojo project and send me this project for further investigation? 

Regards,
Petar
Progress Telerik

[Valentin]

Hi Petar,

I didn't upgrade kendo recently, and my issue appears on any of our computer/browser. 

I understand that you need a runnable example to help me correctly, but I can't isolate my issue in a dojo project as it probably comes from my project itself, because animations stopped to work on every pages even those I didn't edit for a while.

I just wanted to ask if you have any idea of where it can comes from because I don't know where to start searching. 

 

Thank you,

ANSART Valentin

[Petar]

Hi Valentin,

I've just discussed the issue with the team. If you haven't made any updates, then the only assumption we could share is that the issue is browser-related.

Can you check if the animations are missing on the different browsers? Can you also check the animations' behavior on another computer? 

If the animations' issue is replicable on the different browsers, then to be able to help you with it, we will need a runnable example in which it can be replicated. There is no starting point from which I can recommend you to start debugging your code.  

Regards,
Petar
Progress Telerik

[Valentin]

Hi Petar,

I'm reopening this topic as I noticed that animations are disabled not only for tooltips but also for windows, and I suppose for any kendo elements. This issue appears on every browser, with any computer. 

Here's a case where my animations don't work : your window animation effects example (https://demos.telerik.com/aspnet-mvc/window/animation). Can you confirm that with this code, window animation is supposed to work ?

@(
    Html.Kendo().Window()
        .Name("window")
        .Animation(animation =>
        {
            animation.Open(open =>
            {
                open.Zoom(ZoomDirection.In);
            });

            animation.Close(close =>
            {
                close.Zoom(ZoomDirection.Out);
                close.Reverse(false);
            });
        })
        .Content(@<text>
            <div style="text-align: center;">
                <p>TEST TEST TEST</p>
            </div>
        </text>)
        .Width(500)
        .Draggable()
        .Resizable()
        .Title("EGG CHAIR")
        .Events(events=> events.Close("close"))
)

<span id="undo" style="display:none" class="k-button hidden-on-narrow">Click here to open the window.</span>


<style>
    #example {
        min-height: 400px;
    }

    #undo {
        text-align: center;
        position: absolute;
        white-space: nowrap;
        padding: 1em;
        cursor: pointer;
    }

    @@media screen and (max-width: 1023px) {
        div.k-window {
            display: none !important;
        }
    }
</style>


<script>
    function close() {
        $("#undo").fadeIn(300);
    }

    $("#undo")
        .bind("click", function () {
            $("#window").data("kendoWindow").open();
            $("#undo").fadeOut(300);
        });
</script>

 

The button that open the window works fine, and fade in/out when the window is closed/opened works too. The window also appears correctly but without animation, and I don't understand why.

 

Did I made a mistake using your example, or do I have a real issue with kendo animations on my project ?

 

Thank you !

Regards,
Valentin

[Valentin]

Ok this issue was due to scripts that were not loaded in the good order. Changing this fixed it.

[Petar]

Hi Valentin,

Thank you for sharing what was the reason for the discussed behavior with the missing animations!

Your information will surely help someone else in the future.

Regards,
Petar
Progress Telerik