Release 6.27.0

Auto pan

The Surface component will now, by default, automatically pan the canvas when a node or group is dragged out of the visible area. This is a great new feature that will improve the UX for your users.

Try dragging the nodes in the canvas below - the black border marks the edge of the canvas. When a node reaches the border, the canvas is panned:

Compare the behaviour above with how nodes behave when autoPan is switched off:

HierarchyLayout

• The Hierarchy layout has been updated to better support edge routing when there is more than one root.

React Integration

• Updated the React ControlsComponent to not add a 'lasso' button when no associated plugin is registered on the surface

---

Further reading

• Read about the autoPan feature here: https://docs.jsplumbtoolkit.com/toolkit/7.x/lib/element-dragging#auto-pan

---

Start a free trial

Sending your evaluation request...

Interested in the concepts discussed in this article? Start a free trial and see how JsPlumb can help bring your ideas to market in record time.

Your name

Email address

Company website

Phone number

Message

I have seen the purchase pageI have seen and acknowledge the license agreement

---

Get in touch!

If you'd like to discuss any of the ideas/concepts in this article we'd love to hear from you - drop us a line at hello@jsplumbtoolkit.com.