Treeview has scrollbars and gray line when text is too long

[Lee]

I have a DropDownTree on my site. When the text of the item is too long to fit I am seeing a horizontal scrollbar and the gray colored background does not expand. I don't want auto width as that makes the container grow larger than the input control is. How can I instead have it wrap? 

[Neli]

Hi Lee,

You can try applying the white-space CSS property to the '.k-treeview-leaf-text' elements as demonstrated in the Dojo linked here - https://dojo.telerik.com/@NeliK/okavelox

<style>
    .k-treeview-leaf-text{
      white-space: pre-wrap;
    }
  </style>

I hope this helps.

Regards,
Neli
Progress Telerik