React-diagrams: UX: Zoom change programmatically should focus on canvas center

[pierre-moire]

Currently if we change the zoom by calling setZoomLevel, it behaves not very naturally because it gives the feeling that we are zooming from somewhere else than the center of the screen.

I suppose it takes the offset X and Y as reference. It should adjust the offset to keep the elements that were in the center before the call.

[pierre-moire]

Before zoom in

After zoom in

Expected result : "Over here !" node should remain at center

[pierre-moire]

Note that a separated function from setZoomLevel should probably be added. I propose setZoomLevelFromCenter

[iliasbhal]

I think it would be also good to have the ability to specify a zoom origin as a second argument of setZoomLevel. What do you think?

[JitendraBhamidipati]

I am trying to set the zoom with dropdown. It was not working for me in 6.0.2 version.

engine.model.setZoomLevel(25)