Add correction to offset of imposter rect

Necessary when dealing with CSS transforms

1 files changed, 8 insertions, 2 deletions

diff --git a/ext/fg/js/document.js b/ext/fg/js/document.js
index 94a68e6c..a168705e 100644
--- a/ext/fg/js/document.js
+++ b/ext/fg/js/document.js
@@ -27,8 +27,8 @@ function docImposterCreate(element, isTextarea) {
     const elementStyle = window.getComputedStyle(element);
     const elementRect = element.getBoundingClientRect();
     const documentRect = document.documentElement.getBoundingClientRect();
-    const left = elementRect.left - documentRect.left;
-    const top = elementRect.top - documentRect.top;
+    let left = elementRect.left - documentRect.left;
+    let top = elementRect.top - documentRect.top;
 
     // Container
     const container = document.createElement('div');
@@ -82,6 +82,12 @@ function docImposterCreate(element, isTextarea) {
         docSetImposterStyle(imposterStyle, 'width', `${width}px`);
         docSetImposterStyle(imposterStyle, 'height', `${height}px`);
     }
+    if (imposterRect.x !== elementRect.x || imposterRect.y !== elementRect.y) {
+        left += (elementRect.left - imposterRect.left);
+        top += (elementRect.top - imposterRect.top);
+        docSetImposterStyle(imposterStyle, 'left', `${left}px`);
+        docSetImposterStyle(imposterStyle, 'top', `${top}px`);
+    }
 
     imposter.scrollTop = element.scrollTop;
     imposter.scrollLeft = element.scrollLeft;