PopupAnimation hook

[Jaime]

Hi there,

I'm curious as to what would be the best approach in having a function execute once the animation is done. I could do a setTimeout and invoke the function from there but I'm looking for a more elegant solution if there is one.

I was hoping that the PopupAnimation interface and it's underlying class can provide a callback hook for executing code after the animation has finished.

Thank you and looking forward to your response.

 

Cheers!

Jaime

[Martin Bechev]

Hi Jaime,

The open event of the Popup is emitted when the Popup is opened and its animations end. This could be checked in the following demo where the Popup animation duration is set to 2sec:

https://stackblitz.com/edit/angular-wbqkuc

I hope this helps.

Regards,
Martin
Progress Telerik

[Jaime]

So the solution I did is not Kendo specific but more the angular way. Using the @ViewChildren decorator to get a hold of the popup...

@ViewChildren('popupMenu') private _popupMenus: QueryList<PopupRef>;

// and placing this code in the ngAfterViewInit hook

this._popupMenus.changes.subscribe((menus) => {

if (menus.first) {

// at this point... popup is available and is done with the animation

}

});