vakata/jstree — Issue #156: Multiline node content doesn't fill space correctly in Chrome
Author: jrosenthal
Created: 2011-12-29 16:45:02+00:00
State: open

When creating multiline html content within the title of a node, Firefox 7 & IE8 behave properly, allowing you to have multiple divs, or other content that extends the height of the node. When viewed in chrome, the height is fixed, and so the additional content will overlap with the next node. Similarly, in FF & IE, the hover highlighting only affects the first line of the multi line content, rather than the entire block.

ex:
```

A few items

Image 1

Image 2

Image 3

Image 4

Image 5

item2

item3

item4

```

This issue was discussed and a solution found by curt on the google group in July 2010, but I didn't see it listed in the git issues.

http://groups.google.com/group/jstree/browse_thread/thread/705a1d4d04f25729/cd0b0c49c3b72fdf?lnk=gst&q=multiline#cd0b0c49c3b72fdf

Whereas before the solution involved a change to the default theme's css, the solution now is to change the generated core css so that ```.jstree a``` contains ``` height:auto;``` and ```white-space:normal !important;``` (as opposed to ```height:16px;white-space:nowrap;```