Ignore Width Changes of the iframe, listen only to width changes.

2022-10-23 18:43:44 +03:00
parent 12ef5e0570
commit d1bbffce2e
1 changed files with 17 additions and 7 deletions
@@ -1,16 +1,26 @@
 'use strict';

+let height = getCurrentHeight();
 setupResizeListener();

 ///

 function setupResizeListener() {
-  const RESIZE_CODE = 'resize:';
-
-  const resizeObserver = new ResizeObserver(entries => {
-    const height = document.querySelector('body > main').scrollHeight;
-    window.parent.postMessage(RESIZE_CODE + JSON.stringify({height}), '*');
-  })
-
+  const resizeObserver = new ResizeObserver((entries) => setTimeout(handleHeightChange, 100));
  resizeObserver.observe(document.body);
 }
+
+function handleHeightChange(entries) {
+  const updatedHeight = getCurrentHeight();
+  if (height === updatedHeight) {
+    return;
+  }
+
+  const RESIZE_CODE = 'resize:';
+  window.parent.postMessage(RESIZE_CODE + JSON.stringify({height}), '*');
+  height = updatedHeight;
+}
+
+function getCurrentHeight() {
+  return document.querySelector('body > main').scrollHeight;
+}