How do I get a jstree node to display long, possibly multiline content?

css, jstree

Solution

The following CSS code will do the trick:

.jstree-default a { 
    white-space:normal !important; height: auto; 
}
.jstree-anchor {
    height: auto !important;
}
.jstree-default li > ins { 
    vertical-align:top; 
}
.jstree-leaf {
    height: auto;
}
.jstree-leaf a{
    height: auto !important;
}

This is a modification of the solutions here (height changed to `auto`) and here, neither of which worked for me on their own.

Problem

When using the jsTree plugin, I need to have a node which displays its full content. Right now, the nodes only display approximately one line of text each. How can I get the nodes in a jsTree to display all of the text in the node without truncating the node's content?

Original source

Related problems