Using getBoundingClientRect to sum top & height to solve content cut …

…off when using margin issue: #179
iou90 · Nov 9, 2020 · f30a877 · f30a877
1 parent ceead0e
commit f30a877
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/autoHeightWebView/utils.js b/autoHeightWebView/utils.js
@@ -37,8 +37,15 @@ const updateSizeWithMessage = (element, scalesPageToFit) =>
     }
 
     clearTimeout(checkPostMessageTimeout);
-    height = ${element}.offsetHeight || document.documentElement.offsetHeight;
-    width = ${element}.offsetWidth || document.documentElement.offsetWidth;
+    var result = ${element}.getBoundingClientRect()
+    height = result.height + result.top;
+    if(!height) {
+      height = document.documentElement.offsetHeight
+    }
+    width = result.width;
+    if(!width) {
+      width = document.documentElement.offsetWidth
+    }
 
     window.ReactNativeWebView.postMessage(JSON.stringify({ width: Math.min(width, screen.width), height: height * usingScale }));