TreeView wraps at hitarea-DIV in IE6

[mbirth]

I wanted to use jQuery and TreeView? in our intranet, but since 90% of the users are using old Win2k-boxes with IE6, I can't until this is not fixed.

IE6 wraps long parent-nodes just before the <li> text if the browser window is too small. (see attached pic!) Removing the code to add the hitarea-DIV restores normal look. Setting various white-space: nowrap; doesn't work. In IE7, Opera and FF everything looks fine.

[mbirth]

Screenshot of TreeView?-bug

[mbirth]

Bug #206 looks like it is similar to this. If you read the comments in the mentioned link, there's the following info:

Applies to list elements also. Specifically, IE removes closing LI tags and insists on adding a line break. Especially troublesome since the line break triggers IE's whitespace-in-CSS-lists bug.

There's a workaround for <PRE>-text. Maybe this also works for <LI>.

[mbirth]

After playing around I found the fix. Seems that MSIE doesn't like float: left; and interpretes it as a white-space. So just add

"float": "none",

to the

	if( $.browser.msie )
		$.extend( hitareaCSS, {

section and everything works as expected. Tested with MSIE6 and 7.

[joern]

Fixed in [3510].