Kendo-angular: Button icons are removed from the DOM during :leave animation transition

[Senne]

I'm submitting a...

• Bug report

Current behavior

Button icons are removed from the DOM during :leave animation transition

Expected behavior

Button icons are not removed from the DOM during :leave animation transition

Reproduction

http://plnkr.co/edit/0isC66y8r1Opxfkib60F?p=preview

Tested browsers:

• Chrome (desktop) version 61.0.3163.100
• Safari (desktop) version 11.0 (13604.1.38.1.6)
• Edge version 15

[gyoshev]

Thanks for reporting this, very peculiar. The button ngOnDestroy hook is called immediately when the animation starts, and it cleans up the markup for the button. This behavior looks like a bug in angular (see this plunker). I have logged this in the Angular repo. I am afraid that we do not have a hook that we can use to resolve this in the directive.

[tsvetomir]

Fixed in v3.0.5-dev

[tsvetomir]

Here's an updated plunkr.

[Ploppy3]

@tsvetomir Out of curiosity, how did you fixed this? There are other repos running into this issue.

[tsvetomir]

@Ploppy3 the fix was to leave the image elements in the DOM. Only the references to the elements are cleared in ngOnDestroy so they don't leak memory.

The elements are removed by Angular when the parent component is updated.