Dropdown Tree Does not Collapse in 32.2.5

[David Diehl]

Hello,

This issue has persisted for the last year or so. Dropdown Tree expands but does not collapse in Blazor web app. I have tried 2 level and 3 level, following the online documentation, and have had no luck getting it to work. I'm sure the solution is simple. Any help is greatly, greatly appreciated!

<SfDropDownTree 
 TItem="TreeData" 
 TValue="string" 
 ID="assetselect" 
 CssClass="sidebar-picker"
 AllowFiltering="true"
 AllowMultiSelection="false"
 FilterType="Syncfusion.Blazor.DropDowns.FilterType.Contains"
 ShowClearButton="false"
 ExpandOn="ExpandAction.Click">

 <DropDownTreeField TItem="TreeData"
 DataSource="@AssetTree"
 ID="@nameof(TreeData.Id)"
 ParentID="@nameof(TreeData.ParentId)"
 Text="@nameof(TreeData.Value)"
 HasChildren="@nameof(TreeData.HasChildren)"
 Expanded="@nameof(TreeData.Expanded)" />
</SfDropDownTree> 



2nd level

1st level
 

Attachment: Video_Project_1_(1)_babbb41b.gif

[Praveen Sellappan]

Hi David,

Greetings from Syncfusion Support.

To investigate the issue you reported, we created a local sample that closely mirrors your property bindings, field mappings, and overall configuration. For testing purposes, we used a local data source. When running the sample in the version you mentioned (and in a Blazor Webapp), the DropDownTree expands and collapses correctly without any issues, behaving exactly as expected.

We’ve attached the sample for your reference. Please review it and let us know whether it aligns with your implementation.

If the issue still occurs in your environment or if the sample doesn’t match your setup, it would greatly help us if you could provide any of the following:

• A clear description of the differences between your configuration and the attached sample
• Step-by-step instructions to reproduce the issue
• A minimal, issue-reproducible sample (if possible)
• Confirmation of whether you can reproduce the issue using the sample we shared

We look forward to your feedback so we can assist you further.

Regards,

Praveen Sellappan

Attachment: dropdowntreesample_363b3088.zip

[David Diehl]

Thank you for the response. The issue was due to calling StateHasChanged() at the end of the OnAfterRenderAsync() method.

[Praveen Sellappan]

Hi David,

Thank you for the update.

We were also able to reproduce the issue "the node is not collapsing in the dropdown tree when calling StateHasChanged() in the OnAfterRenderAsync lifecycle method." If using StateHasChanged() is important for your specific use case, please share a small runnable sample that includes your customizations along with a brief description of the scenario or use case.

This will help us investigate and understand the issue deeply.

Looking forward to your response.

Regards,

Praveen Sellappan