Ellipsify tree item with long text

Webix JS
#1

I am using a tree with a fixed width, no horizontal scroll added.

Tree item template uses flex layout to display text and icon horizontally, in which the text has to take remaining width of item.

But if the text is too long , It needs to be ellipsified.

Problem 1 : long text makes the div grow as big as its content, so does not take the ellipsify css.
Link : https://snippet.webix.com/nazxyor1

Problem 2 : On using type: “lineTree”, item with long text gets misaligned
Link : https://snippet.webix.com/fws6b58u

#2 
.item-content, .content-text {
    overflow:hidden;
    flex:1;
}
#3

Thanks, that worked