Content of Dropdown Tree "leaking" to the bottom of page

Hello,

I have a series of Dropdown Tree elements in my page, and they started to "leak" its contents to the bottom of the Html page. See images below:

(page with controls)



(bottom of the page with the "leaked" contents)



I have no ideia of the reason for this behavior. Have anyone seen anything like that before?


Also, if we open the DropdDown Tree control and choose an item, the list at the bottom of the page disapears!!


Regards,

Alexandre


3 Replies

LD LeoLavanya Dhanaraj Syncfusion Team May 9, 2022 01:14 PM UTC

Hi Alexandre,


Greetings from Syncfusion Support.


We have prepared a Dropdown Tree sample in ASP.NET Core which is working fine at our end. The reported issue "Contents of Dropdown Tree are leaking to the bottom of the page" might occur if the Dropdown Tree is not refreshed correctly within any container element or due to the missing of CSS references. Refer to the attached sample for your reference.


Please check whether you correctly refer the CSS in your layout page. If possible, please modify the attached sample to replicate the issue else share your complete code to recreate the issue along with your product version which will help us to check and provide a prompt solution.


Regards,

Leo Lavanya Dhanaraj


Attachment: Dropdown_Tree_5e696b05.zip


AL Alexandre May 9, 2022 01:37 PM UTC

Hello Leo,


You were rigth. The problem was with the absence of the following reference, when added, it solved the issue:


<link rel="stylesheet" rel='nofollow' href="https://cdn.syncfusion.com/ej2/20.1.52/material.css" />


But now, with the new style, the Syncfusion controls are not in sync with the appearance of the other controls in the same page, as you can see below:


 

Is there a way to revert the visual of the controls to the old style, with the box around it, so that it matches the other controls in the page?


Regards,


Alexandre



KR Keerthana Rajendran Syncfusion Team May 10, 2022 06:57 AM UTC

Hi Alexandre,


Since you are referring to the material.css file, you are not getting the box border for the Dropdown Tree component. You can use any other themes like Bootstrap 4, Bootstrap 5, etc., based on your requirement.


Refer to the following demo link.


https://ej2.syncfusion.com/aspnetcore/DropDownTree/DefaultFunctionalities#/bootstrap4


Please find the available themes below


https://ej2.syncfusion.com/aspnetcore/documentation/appearance/theme


Regards,

Keerthana R.


Loader.
Up arrow icon