From 097583e952e4f32251fa42283262e318ae9e297c Mon Sep 17 00:00:00 2001
From: Nathan Marrs <nathanielmarrs@gmail.com>
Date: Thu, 26 May 2022 09:50:35 -0700
Subject: [PATCH]  Canvas: Fix element placement UX (#49665)

---
 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;