News from the project

Improved Container Navigation and Reworked Copy & Paste

Published by Niklas Kiefer on Tuesday, 13 August 2019.

bpmn-js5.0.0 diagram-js5.0.0

We're proud to announce the latest release of our BPMN modeling toolkit. It ships an important navigation update that makes modeling and exploring huge diagrams easier. A reworked, two-step copy and paste allows you to duplicate elements in your beloved diagrams in a more predictable way.

With the latest release, we improved the navigation in huge diagrams by making canvas movement the default drag interaction inside sub-processes and participants/lanes. Start dragging inside a container and cruise through the canvas, rather than moving the element.

Navigation through participant

Navigation through large diagrams is way more intuitive now.

Would you like to move a container element? Grab it by its border or header.

Move participant on its borders and header

Move a participant or sub-process via its border or header.

Two-Step Copy & Paste

We completely reworked copy and paste inside the BPMN editor. While pasting elements, you will have the choice of where to place them. This behavior leads to fewer surprises and more control of your copied elements. On top, you will enjoy using our recently released grid snapping feature when pasting into the diagram.

Copy and paste

Finish your processes easily with the new two-step copy and pasting.

Under the hood, the rework resulted in a couple of breaking changes:

  • Several copy and paste events got removed in favor of new ones
  • Modeling rules for pasting are replaced with rules for creating multiple elements
  • Create may now create multiple elements

Have a look at the detailed changelog for details on these changes.

Looking Forward To Feedback

Read through the full changelog to learn about all issues that were addressed with bpmn-js@5 as well as breaking changes that may require your action during the upgrade.

Did we miss anything? Did you spot a bug or would you like to suggest an improvement? Reach out to us via our forums, toot us on Mastodon or file an issue you found in the bpmn-js issue tracker.

Get the latest BPMN toolkit pre-packaged or as source code via npm or unpkg.

Are you passionate about JavaScript, modeling, and the web?
Join Camunda and build modeling tools people heart.