Allow scrollbar in the TreeView navigation on the left-hand side when there are too many items

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 13 Jun 2022 08:39 by ADMIN

Release 3.4.0

Kees

Created on: 12 May 2022 10:36

Category: FileManager

Type: Bug Report

Allow scrollbar in the TreeView navigation on the left-hand side when there are too many items

If there are many subfolders below a folder the list becomes too long for the TreeView window and gets cut off at the bottom. Apparently, there are some height and overflow settings missing. After some digging around in the rendered HTML and copying some CSS selectors (using F12 on Edge) I got it working with this in my CSS file:

.k-filemanager-content-container > div > div.k-pane.k-filemanager-navigation.k-pane-static > div > div > ul {
    height: 100%;
    overflow: auto;
}
.k-filemanager-content-container > div > div.k-pane.k-filemanager-navigation.k-pane-static > div > div {
    height: 100%;
}

----------ADMIN EDIT----------

In the meantime, here is a possible workaround:

<style>
 .k-treeview-lines {
        height: 100%;
 overflow: auto;
    }

    .k-filemanager-treeview {
        height: 100%;
 }
</style>