fix: calculate iframe height correctly

farscrl · Dec 1, 2023 · 48f70f3 · 48f70f3
1 parent 9c54897
commit 48f70f3
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -66,12 +66,13 @@ export class AppComponent implements OnInit {
     }
 
     private resizeParentIframe() {
-        const height = document.documentElement.scrollHeight;
+        const body = document.body;
+        const html = document.documentElement;
+        const height = Math.max(body.scrollHeight, body.offsetHeight, html.offsetHeight);
         const message = {
             type: 'resizeIframe',
             value: height
         };
-        console.log(message)
         window.parent.postMessage(message, "*");
     }
 }
diff --git a/src/styles.scss b/src/styles.scss
@@ -34,13 +34,20 @@ body {
     letter-spacing: 0.2px;
     -webkit-font-smoothing: auto;
     -moz-osx-font-smoothing: grayscale;
-}
 
-#container {
-    background-color: white;
-    min-height: 100vh;
+    #container {
+        background-color: white;
+        min-height: 100vh;
+    }
+
+    &.iframe {
+        #container {
+            min-height: unset;
+        }
+    }
 }
 
+
 .container {
     max-width: 1280px;
     margin: 0 auto;