u/Alarmed_Valuable5863

Hey

Just shipped Foblex Flow 18.6.0 - Angular library for node editors, workflow builders, and graph UIs. Two main additions in this release:

Smart Auto-Layout on Resize (withReflowOnResize)

When a node grows or shrinks (content change, manual resize), neighbouring nodes shift to make room. No manual relayout call. Five orthogonal knobs:

• mode - CENTER_OF_MASS / X_RANGE / DOWNSTREAM_CONNECTIONS
• scope - GLOBAL / GROUP / CONNECTED_SUBGRAPH
• axis - BOTH / VERTICAL / HORIZONTAL
• delta source - EDGE_BASED / CENTER_BASED
• collision - STOP / CHAIN_PUSH

Plus FReflowController for runtime overrides and fReflowIgnore directive for nodes that have to stay pinned.

Layer Ordering

The three built-in canvas layers (groups, connections, nodes) are now reorderable. Per-canvas via [fLayers], or app-wide via withFCanvas({ layers }) inside provideFFlow(...). Default is unchanged - groups - connections - nodes.

Links:

• Release notes: https://github.com/Foblex/f-flow/releases/tag/v18.6.0
• Repo: https://github.com/Foblex/f-flow
• Reflow demos (one per knob + a runtime controller): https://flow.foblex.com/examples/reflow-on-resize
• Canvas layers demo: https://flow.foblex.com/examples/canvas-layers

If you try the reflow plugin and the shift behaviour feels off for your graph - tell me what's annoying. The default knob combo works for most cases but the planner is configurable for a reason.

Hey

Just shipped Foblex Flow 18.6.0 - Angular library for node editors, workflow builders, and graph UIs. Two main additions in this release:

Smart Auto-Layout on Resize (withReflowOnResize)

When a node grows or shrinks (content change, manual resize), neighbouring nodes shift to make room. No manual relayout call. Five orthogonal knobs:

• mode - CENTER_OF_MASS / X_RANGE / DOWNSTREAM_CONNECTIONS
• scope - GLOBAL / GROUP / CONNECTED_SUBGRAPH
• axis - BOTH / VERTICAL / HORIZONTAL
• delta source - EDGE_BASED / CENTER_BASED
• collision - STOP / CHAIN_PUSH

Plus FReflowController for runtime overrides and fReflowIgnore directive for nodes that have to stay pinned.

Layer Ordering

The three built-in canvas layers (groups, connections, nodes) are now reorderable. Per-canvas via [fLayers], or app-wide via withFCanvas({ layers }) inside provideFFlow(...). Default is unchanged - groups - connections - nodes.

Links:

• Release notes: https://github.com/Foblex/f-flow/releases/tag/v18.6.0
• Repo: https://github.com/Foblex/f-flow
• Reflow demos (one per knob + a runtime controller): https://flow.foblex.com/examples/reflow-on-resize
• Canvas layers demo: https://flow.foblex.com/examples/canvas-layers

If you try the reflow plugin and the shift behaviour feels off for your graph - tell me what's annoying. The default knob combo works for most cases but the planner is configurable for a reason.