Description
When running the Angular Samples Browser in a zoneless change detection environment, the igx-tree load-on-demand sample does not update the UI correctly after the async child-loading request completes.
When clicking a tree node that has children loaded on demand, the request completes successfully and the child data is loaded, but the node is not expanded automatically in the UI. The user has to interact with the tree again, for example by clicking another tree node, in order to trigger change detection and make the loaded children appear.
This appears to be related to zoneless change detection. In a standard Zone.js environment, the same load-on-demand scenario updates automatically after the async operation completes.
I have created a sample that reproduces the behavior:
https://stackblitz.com/edit/cxli6cgu-wnk9rg1d?file=src%2Fapp%2Flists%2Ftree%2Ftree-advanced-sample%2Ftree-advanced-sample.component.ts
Description
When running the Angular Samples Browser in a zoneless change detection environment, the
igx-treeload-on-demand sample does not update the UI correctly after the async child-loading request completes.When clicking a tree node that has children loaded on demand, the request completes successfully and the child data is loaded, but the node is not expanded automatically in the UI. The user has to interact with the tree again, for example by clicking another tree node, in order to trigger change detection and make the loaded children appear.
This appears to be related to zoneless change detection. In a standard Zone.js environment, the same load-on-demand scenario updates automatically after the async operation completes.
I have created a sample that reproduces the behavior:
https://stackblitz.com/edit/cxli6cgu-wnk9rg1d?file=src%2Fapp%2Flists%2Ftree%2Ftree-advanced-sample%2Ftree-advanced-sample.component.ts