From cd82d0c426db671fad336a0492d87769cf8cbb00 Mon Sep 17 00:00:00 2001 From: drew08t Date: Mon, 6 Nov 2023 17:34:58 -0800 Subject: [PATCH] Fix arrow anchor shift behavior --- .../panel/canvas/components/connections/Connections.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/public/app/plugins/panel/canvas/components/connections/Connections.tsx b/public/app/plugins/panel/canvas/components/connections/Connections.tsx index 291327fc89f..2a70faece88 100644 --- a/public/app/plugins/panel/canvas/components/connections/Connections.tsx +++ b/public/app/plugins/panel/canvas/components/connections/Connections.tsx @@ -172,13 +172,13 @@ export class Connections { const parentRect = transformRef?.instance.contentComponent?.getBoundingClientRect(); const transformScale = transformRef?.instance.transformState.scale ?? 1; - const sourceVerticalCenter = (sourceRect.top - parentRect!.top) / transformScale + sourceRect.height / 2; - const sourceHorizontalCenter = (sourceRect.left - parentRect!.left) / transformScale + sourceRect.width / 2; + const sourceVerticalCenter = (sourceRect.top - parentRect!.top + sourceRect.height / 2) / transformScale; + const sourceHorizontalCenter = (sourceRect.left - parentRect!.left + sourceRect.width / 2) / transformScale; // Convert from DOM coords to connection coords // TODO: Break this out into util function and add tests - const sourceX = (connectionLineX1 - sourceHorizontalCenter) / (sourceRect.width / 2); - const sourceY = (sourceVerticalCenter - connectionLineY1) / (sourceRect.height / 2); + const sourceX = (connectionLineX1 - sourceHorizontalCenter) / (sourceRect.width / 2 / transformScale); + const sourceY = (sourceVerticalCenter - connectionLineY1) / (sourceRect.height / 2 / transformScale); let targetX; let targetY;