Hide sidebar horizontal scrollbar

I am seeing a horizontal scrollbar that appears when I click on the hamburger menu that toggles the Sidebar control. I want to hide it.


I have attached a sample project and a video demo.


Attachment: SidebarTest_556ea7a4.zip

1 Reply 1 reply marked as answer

LD LeoLavanya Dhanaraj Syncfusion Team August 2, 2022 02:06 PM UTC

Hi Nick,


Greetings from Syncfusion support.


We have made some CSS level customization in your shared Blazor Sidebar sample. With the help of CSS selectors, you can override the styles for the corresponding items. To overcome the reported scrollbar issue, set the overflow CSS property as hidden for TreeView.


Refer the below code snippet.


[MainLayout.razor]

.e-treeview > .e-ul {

    overflow: hidden;

}


Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/SidebarTest853702305.zip


Please check the attached sample and get back to us if you need any further assistance.


Regards,

Leo Lavanya Dhanaraj


Marked as answer
Loader.
Up arrow icon