Issue with Editor Resizing Not Centered on Mouse Position

[sonlia]

Hello,

I've encountered an issue where I've placed the editor on the right side of the page. However, when I attempt to zoom in or out, the scaling does not correctly center around the mouse cursor. The canvas has a parent element with relative positioning.

Could you please provide guidance or a solution to ensure that the zoom operation is centered on the mouse position?

Thank you for your assistance.

[atlasan]

        // this.setZoom( scale, [ e.localX, e.localY ] );
        // this.ds.changeScale(scale, [e.clientX, e.clientY]);
        
        var rect = e.target.getBoundingClientRect();
        this.setZoom( scale, [ e.clientX - rect.left, e.clientY - rect.top ] );

litegraph.js/src/litegraph.js

Line 7016 in 0555a2f

this.ds.changeScale(scale, [e.clientX, e.clientY]);

Probably it needs to be implemented inside the DragAndScape, but the above code could work

@sonlia if you can test it and make a PR in case

[sonlia]

Hello, it seems that using this.ds.changeScale(scale, [ e.clientX - rect.left, e.clientY - rect.top ]); also works, but I haven't conducted a complete test yet.