TreeView scrollbar

6 posts, 1 answers
  1. Matej
    Matej avatar
    58 posts
    Member since:
    Jun 2019

    Posted 29 Jul Link to this post

    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

  2. Stefan
    Admin
    Stefan avatar
    2835 posts

    Posted 29 Jul Link to this post

    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

  3. Matej
    Matej avatar
    58 posts
    Member since:
    Jun 2019

    Posted 29 Jul in reply to Stefan Link to this post

    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.
  4. Answer
    Stefan
    Admin
    Stefan avatar
    2835 posts

    Posted 29 Jul Link to this post

    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

  5. Matej
    Matej avatar
    58 posts
    Member since:
    Jun 2019

    Posted 30 Jul in reply to Stefan Link to this post

    Thank you. Is this going to be part of your styles in the future or are there any conflicts with existing styles?
  6. Stefan
    Admin
    Stefan avatar
    2835 posts

    Posted 30 Jul Link to this post

    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

Back to Top