From 298a96da9a92fc4c209d2e8b0cb5135f27811fdf Mon Sep 17 00:00:00 2001
From: jongomez <jon.olive.gomez@gmail.com>
Date: Mon, 6 Nov 2023 17:08:01 +0000
Subject: [PATCH 1/2] feat: broadcast height to parents - useful when iframed

---
 .../lsd-react/.storybook/preview-head.html    | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 packages/lsd-react/.storybook/preview-head.html

diff --git a/packages/lsd-react/.storybook/preview-head.html b/packages/lsd-react/.storybook/preview-head.html
new file mode 100644
index 0000000..c46cc02
--- /dev/null
+++ b/packages/lsd-react/.storybook/preview-head.html
@@ -0,0 +1,23 @@
+<script>
+  function sendHeightToParent() {
+    const height =
+      document.documentElement.scrollHeight || document.body.scrollHeight
+    window.parent.postMessage(
+      {
+        type: 'iframeResize',
+        height: height,
+      },
+      '*',
+    )
+  }
+
+  document.addEventListener('DOMContentLoaded', function () {
+    // Send initial height.
+    sendHeightToParent()
+
+    // Ensure the interval is set only once.
+    if (!window.heightIntervalSet) {
+      window.heightIntervalSet = setInterval(sendHeightToParent, 1000)
+    }
+  })
+</script>

From 1c038578e6e1f4e1497512e02c8af370f8883f4e Mon Sep 17 00:00:00 2001
From: jongomez <jon.olive.gomez@gmail.com>
Date: Mon, 6 Nov 2023 17:58:00 +0000
Subject: [PATCH 2/2] fix: use a ping pong approach instead

---
 .../lsd-react/.storybook/preview-head.html    | 31 +++++++------------
 1 file changed, 12 insertions(+), 19 deletions(-)

diff --git a/packages/lsd-react/.storybook/preview-head.html b/packages/lsd-react/.storybook/preview-head.html
index c46cc02..27c930d 100644
--- a/packages/lsd-react/.storybook/preview-head.html
+++ b/packages/lsd-react/.storybook/preview-head.html
@@ -1,23 +1,16 @@
 <script>
-  function sendHeightToParent() {
-    const height =
-      document.documentElement.scrollHeight || document.body.scrollHeight
-    window.parent.postMessage(
-      {
-        type: 'iframeResize',
-        height: height,
-      },
-      '*',
-    )
-  }
-
-  document.addEventListener('DOMContentLoaded', function () {
-    // Send initial height.
-    sendHeightToParent()
-
-    // Ensure the interval is set only once.
-    if (!window.heightIntervalSet) {
-      window.heightIntervalSet = setInterval(sendHeightToParent, 1000)
+  // This script is used to send the height of the storybook iframe to the parent window.
+  window.addEventListener('message', function (event) {
+    if (event.data && event.data.type === 'requestHeight') {
+      const height =
+        document.documentElement.scrollHeight || document.body.scrollHeight
+      event.source.postMessage(
+        {
+          type: 'iframeHeightResponse',
+          height: height,
+        },
+        '*',
+      )
     }
   })
 </script>