bpmn-visualization-js icon indicating copy to clipboard operation
bpmn-visualization-js copied to clipboard

Published 20 hours ago • verified publisher icon process-analytics

[FEAT] Pan/translate the BPMN diagram with the mouse wheel

Open tbouffard opened this issue 4 years ago • 0 comments

Is your feature request related to a problem? Please describe. Allow to move the diagram with the mouse wheel. This is particularly useful when the viewport has a fixed size and has no scrollbar. As for other mouse navigation controls, this feature can be activated by configuration.

Describe the solution you'd like Something similar to the POC demontrasted in #555

  • mouse wheel only: move the diagram vertically
  • SHIFT + mouse wheel: move the diagram horizontally

These are the regular way to control scrollbars in web browsers.

Additional context We will probably need to measure rendering performance of this feature as we do for #839. It is possible to use the scrollbars to move the diagram (see #735 and https://github.com/process-analytics/bpmn-visualization-examples/pull/216). In this case, the mouse wheel can be used for panning.

tbouffard avatar Oct 30 '20 13:10 tbouffard