From 9f3ade947280c228fca5a66bbe04e8c06423ed5f Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Thu, 26 May 2022 20:09:43 -0400
Subject: [PATCH]  Canvas: Fix element placement UX (#49665) (#49727)

---
 public/app/features/canvas/runtime/element.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/app/features/canvas/runtime/element.tsx b/public/app/features/canvas/runtime/element.tsx
index 4c03faec006..ed597533358 100644
--- a/public/app/features/canvas/runtime/element.tsx
+++ b/public/app/features/canvas/runtime/element.tsx
@@ -201,13 +201,13 @@ export class ElementState implements LayerElement {
     }
 
     const relativeTop =
-      elementContainer && parentContainer ? Math.abs(Math.round(elementContainer.top - parentContainer.top)) : 0;
+      elementContainer && parentContainer ? Math.round(elementContainer.top - parentContainer.top) : 0;
     const relativeBottom =
-      elementContainer && parentContainer ? Math.abs(Math.round(elementContainer.bottom - parentContainer.bottom)) : 0;
+      elementContainer && parentContainer ? Math.round(parentContainer.bottom - elementContainer.bottom) : 0;
     const relativeLeft =
-      elementContainer && parentContainer ? Math.abs(Math.round(elementContainer.left - parentContainer.left)) : 0;
+      elementContainer && parentContainer ? Math.round(elementContainer.left - parentContainer.left) : 0;
     const relativeRight =
-      elementContainer && parentContainer ? Math.abs(Math.round(elementContainer.right - parentContainer.right)) : 0;
+      elementContainer && parentContainer ? Math.round(parentContainer.right - elementContainer.right) : 0;
 
     const placement = {} as Placement;