TreeView template memory leak on changes in observable

[IvanDanchev]

Bug report

HtmlPage1.zip

Reproduction of the problem

1. Run the attached page in the browser.
2. Take a 20 sec long heap snapshot. During these 20 sec click the "change" button to make changes to a specific node's data in the observable.

Current behavior

Increasing number of detached span elements: screenshot
Memory consumption increases with every change: screenshot

There are no detached span elements if the span within the template does not have a data attribute set.
from:

<span data-bind="text: treetext"></span>

to:

<span>#=item.treetext#</span>

Expected/desired behavior

Environment

• Kendo UI version: 2019.2.619
• jQuery version: x.y
• Browser: [all ]

[PekoPPT]

A similar scenario reproduced in ticket #1427782 - Repopulating the DataSource causes memory leaks

The recommended approach for setting the DataSource of a TreeView component is using its setDataSource method.