fix: 🐛 getBoundingRect not taking parents into account

Author: PaulRill00

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@print-one/grapesjs",
   "description": "Free and Open Source Web Builder Framework",
-  "version": "0.21.19",
+  "version": "0.21.20",
   "author": "Print.one",
   "license": "BSD-3-Clause",
   "homepage": "http://grapesjs.com",

src/utils/dom.ts

@@ -153,11 +153,17 @@ export const isCommentNode = (el?: Node): el is Comment => el?.nodeType === Node
 export const isTaggableNode = (el?: Node) => el && !isTextNode(el) && !isCommentNode(el);
 
 export const getBoundingRect = (el: HTMLElement) => {
-  const top = el.offsetTop;
-  const left = el.offsetLeft;
+  let top = el.offsetTop;
+  let left = el.offsetLeft;
   const width = el.offsetWidth;
   const height = el.offsetHeight;
 
+  let currentEl = el;
+  while ((currentEl = currentEl.offsetParent as HTMLElement)) {
+    top += currentEl.offsetTop;
+    left += currentEl.offsetLeft;
+  }
+
   return {
     top,
     left,
@@ -168,7 +174,7 @@ export const getBoundingRect = (el: HTMLElement) => {
     x: left,
     y: top,
   };
-}
+};
 
 /**
  * Get DOMRect of the element.