Candlestick. Wrong zoom rectangle position. The position of the zoom rectangle is shifted by 50px right

[VladislavBryukhanov]

Description

Steps to Reproduce

1. Follow this link in the sandbox https://codesandbox.io/p/devbox/react-basic-example-forked-md27qd?file=%2Fpackage.json%3A13%2C29&workspaceId=ws_84SKDq6SvR5muL9wPWNeVi and open preview.

2.Click the left mouse button exactly in the middle between the two columns of the graph and hold it (for example, at coordinates 50 pixels x 50 pixels).

3. Move the mouse to the right and down to create a blue zoom rectangle, which we use to highlight the area to be zoomed in on.

Expected Behavior

The zoom rectangle position starts exactly from the point where I clicked the mouse button.

Actual Behavior

The position of the zoom rectangle is shifted by 50-100 pixels to the side, preventing me from selecting exactly what I need, and I can't use the zoom properly.

Screenshots

Screencast.from.14.02.25.03.02.20.webm

Reproduction Link

https://codesandbox.io/p/devbox/react-basic-example-forked-md27qd?workspaceId=ws_84SKDq6SvR5muL9wPWNeVi