TreeView scrollbar

[Matej]

How to enable bottom scrollbar on a TreeView? Right now the component is checking only for the first level item width and everything else is cut and without bottom scrollbar.  example

[Stefan]

Hello, Matej,

The TreeView design is to expand based on the content. If we set a fixed width to it, it will automatically show a scrollbar. The width can be set with a className and CSS:

https://stackblitz.com/edit/react-haaavq-lvxqpu?file=index.html

Please let me know if you need additional information on this matter.

Regards,
Stefan
Progress Telerik

[Matej]

Not sure I understand. Even in your example all sub-items are cut and the scroll is working only for first level items. See attached screenshot.

[Stefan]

Hello, Matej,

My apologies, indeed the items are still cut.

This can be resolved with the following CSS:

.k-treeview-item .k-animation-container{
  overflow: inherit;
}

This is the updated example:

https://stackblitz.com/edit/react-haaavq-lvxqpu?file=index.html

Everything seems visible now.

Regards,
Stefan
Progress Telerik

[Matej]

Thank you. Is this going to be part of your styles in the future or are there any conflicts with existing styles?

[Stefan]

Hello, Matej,

Currently, we do not plan changes to this part of the styles.

If any issues occur after updating in the future, please let us know and we will investigate.

Regards,
Stefan
Progress Telerik