When using the FileManager and navigating through directories, the Breadcrumb does not show the path.

Reproduction: https://blazorrepl.telerik.com/GdOCYQki12iTAeWd34

When the FileManager is placed in a Window/Dialog, the ContextMenu does not open.

---

ADMIN EDIT

---

Essentially, the ContextMenu is rendered but appears behind the Window/Dialog and thus it is not visible. The issue is z-index related and a possible workaround is to increase the z-index of the ContextMenu to ensure it will be visible.

Example: https://blazorrepl.telerik.com/ccuWuIuM51LP1T4559

Hello,

Nice work on the FileManager component, this will be incredibly useful. I would like to use this control in an Open File Dialog and the only thing I'm missing to support that is what is the selected item in the listview. If I could bind that selection then I could enable/disable my Ok button and provide the selected item(s) when the user hit's ok. Is there a way to access this information?

Thanks,

-Andy

Sorry to bother you, but we found a problem when using the FileManager control. When you are in a directory hierarchy Home > Dir1 > DirA > DirX > DirY and you want to navigate to the parent directory say DirX using the breadcrumb, clicking on DirX, FileManager sends you to the root directory. I hope you can help me.

If there are a lot of child folders, the Breadcrumb navigation does not work correctly. The current directory does not respond to the selected one.

The FileManager is not showing icons for video files, e.g. mp4. The icon's CSS class is k-i-video, but it may need to be k-i-file-video.

The workaround is to apply the k-i-file-video icon to k-i-video:

CSS

.k-i-video::before {
  content: "\e93b";
}

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>