Node collapses in narrow IE window

[ornus]

Narrow IE window causes node graphics and text to collapse. Icon will jump under the +/- sign, and text will jump under the icon. Instead the node should always remain in a single line (like it does in Mozilla).

[ornus]

Example fix for the problem.

[ornus]

Improved patch with profiling.

[ornus]

This is voodoo magic:) The patch uses IE CSS expression to dynamically change tree width dynamically to make sure all content fits inside. All content fits - no drops or collapses. This can add some overhead with expand all, but it shouldn't be too significant.

The table is required because its width is collapse to the width of it's child nodes. Div width by default is 100%. Table width is minimum needed to show children. This makes actually makes width of the parent div dynamic. Without it div width is calculated once when page is opened (by default it is always body width). After page is loaded div width would remain constant, since child nodes do not cause width change of the parent divs.

It's kind of hard to explain. You should try to remove div and see effect for yourself. Try to resize the browser window and see what happens.

This expression is IE only. If you are not willing to change tree layout for this maybe create an extension that will wrap the tree in IE to ensure nodes do not collapse?

[ornus]

Updated patch

[ornus]

Extension to disable wrap and minor fixes/clean up.

[ornus]

TreeDisableWrap extension disables wrap in all browsers.

[anonymous]

Milestone 0.4 deleted