DropDownTreeComponent in Dialog fails to display the list properly after Dialog is closed and reopened.

Question

I found this problem after I made a Dialog and put DropDownTreeComponent in it.

First, the source code for that component.

1. The list is normally displayed in the DropDownTree.

2. After closing and opening Dialog, the list is not displayed.

infinite dom created.png

3. When I checked the DOM, every time I closed and opened the Dialog, a DOM for the DropDownTree List was being created.

At first, I thought this problem was caused by the failure to properly update the data source according to the State, but it was not. Component does not appear to be able to draw a non-State List. Is there a solution that I can apply to this problem immediately?

Thank you for reading and I hope you have a good day.

version: "@syncfusion/[email protected]"

Indhumathy Loganathan · Accepted Answer

Hi Gordon,We have
faced a similar issue with the Dropdown Tree component before, which is resolved
in our package version 19.2.51. Please check the below release notes.https://ej2.syncfusion.com/angular/documentation/release-notes/19.2.51/?type=all#dropdown-treeSo, to
overcome this issue, we suggest you update the package to the latest version.
For your reference, we have prepared a Dropdown Tree sample with the latest
version. Please see the sample at the link below.https://stackblitz.com/edit/react-1kopen?file=index.jsPlease try
the shared suggestion at your end. If the issue still persists, modify your
code in the above shared sample to reproduce the issue at our end. These
details would help us assist you promptly.Regards,Indhumathy
L