Update resizing logic, listen to <main> tag changes and not <body>.

3 years ago · 12ef5e0570
1 changed files with 2 additions and 4 deletions
--- a/layouts/scripts/frame-index.js
+++ b/layouts/scripts/frame-index.js
@ -8,10 +8,8 @@ function setupResizeListener() {
  const RESIZE_CODE = 'resize:';

  const resizeObserver = new ResizeObserver(entries => {
-    setTimeout(() => {
-      const height = document.body.scrollHeight;
-      window.parent.postMessage(RESIZE_CODE + JSON.stringify({height}), '*');
-    }, 200);
+    const height = document.querySelector('body > main').scrollHeight;
+    window.parent.postMessage(RESIZE_CODE + JSON.stringify({height}), '*');
  })

  resizeObserver.observe(document.body);