Opened 8 years ago

Closed 8 years ago

Last modified 7 years ago

#1250 closed defect (fixed)

Node collapses in narrow IE window

Reported by: ornus Owned by: ilia
Priority: high Milestone:
Component: Widgets Version: 0.3
Keywords: tree Cc:
Blocked by: Blocking:

Description

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).

Attachments (4)

treeV3_12.patch (750 bytes) - added by ornus 8 years ago.
Example fix for the problem.
treeV3_12.1.patch (2.3 KB) - added by ornus 8 years ago.
Improved patch with profiling.
treeV3_12.2.patch (2.0 KB) - added by ornus 8 years ago.
Updated patch
treeV3_12.3.patch (13.9 KB) - added by ornus 8 years ago.
Extension to disable wrap and minor fixes/clean up.

Download all attachments as: .zip

Change History (9)

Changed 8 years ago by ornus

Example fix for the problem.

Changed 8 years ago by ornus

Improved patch with profiling.

comment:1 Changed 8 years ago by 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?

comment:2 Changed 8 years ago by ilia

  • Status changed from new to assigned

Changed 8 years ago by ornus

Updated patch

Changed 8 years ago by ornus

Extension to disable wrap and minor fixes/clean up.

comment:3 Changed 8 years ago by ornus

TreeDisableWrap extension disables wrap in all browsers.

comment:4 Changed 8 years ago by guest

  • Resolution set to fixed
  • Status changed from assigned to closed

comment:5 Changed 7 years ago by anonymous

  • Milestone 0.4 deleted

Milestone 0.4 deleted

Note: See TracTickets for help on using tickets.