Skip to main content

Release 6.81.0

· 3 min read
Simon Porritt
Simon Porritt
JsPlumb core team

Release 6.81.0 contains a few nice ergonomic improvements to the Inspector, and to undo/redo functionality.

Inspector​

By default, the inspector will not write an empty string for a value where that value does not already have a value in some object's backing data. For example, consider our Flowchart Builder starter app - when you drag a new item onto the canvas, the inspector opens, and the focus is on the Text field:

Writing blank values with the inspector - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

Since this inspector is set to autoCommit, a blur event (ie.the mouse is clicked somewhere else on the screen) will cause the inspector to write the current textfield contents into the object's backing data. This also has the effect of pushing an event onto the undo/redo stack. But in this case there is no effective change, from the user's point of view. Prior to 6.81.0, if the user subsequently presses 'undo', the first event that was undone was this update, which makes no discernible change from the user's perspective.

From 6.81.0 onwards, the inspector will not write out blank values to a data object if there was no previous value for that field in the object.

Edge undo/redo​

We've also made a change to the way edges are handled by undo/redo when your edge paths are editable. Prior to 6.81.0 when you dragged a new edge with the mouse, an edge add event was pushed onto the undo stack, and then a separate path edit event was pushed afterwards. This again was counterintuitive for a user, since from their perspective the new edge and its starting geometry form the entire event. In 6.81.0 we've remedied this situation: now when you drag a new edge and you have a path editor attached, only one event is pushed to the undo stack.

These couple of changes, whilst minor, make a big difference to the ergonomics of your app for your users.

Further reading​

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.

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.