From f43b745dd16fd058c040121e8b214befec71ddd2 Mon Sep 17 00:00:00 2001
From: Jami Gibbs <jami.gibbs@adhocteam.us>
Date: Tue, 11 Feb 2025 16:46:01 -0600
Subject: [PATCH 1/7] initial preview height script

---
 src/_includes/storybook-preview.html | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/_includes/storybook-preview.html b/src/_includes/storybook-preview.html
index d43f85c7f..f44cf0704 100644
--- a/src/_includes/storybook-preview.html
+++ b/src/_includes/storybook-preview.html
@@ -7,6 +7,7 @@
   style="max-width: {{ include.width | default: '100%' }}"
 >
   <iframe
+    id="{{ include.story }}"
     width="100%"
     height="{{ include.height }}"
     src="{{ storybook_path }}/iframe.html?id={{ include.story }}&amp;viewMode=story"
@@ -14,3 +15,22 @@
 </div>
 
 [{% if include.link_text %}<img aria-hidden="true" role="img" src="{{ site.baseurl }}/images/storybook.svg" class="site-component-resources-links__icon" width="16px" alt="Storybook logo">View {{ include.link_text}}{% else %}See this{% endif %} in Storybook]({{ storybook_path }}/?path=/docs/{{ include.story }})
+
+<script>
+  window["{{ include.story }}"] = document.getElementById("{{ include.story }}");
+  const storybookIframe = window["{{ include.story }}"];
+
+  storybookIframe.addEventListener("load", function() {
+
+    console.log('storybookIframe loaded!', storybookIframe);
+
+    const innerDoc = storybookIframe.contentDocument || storybookIframe.contentWindow.document;
+
+    console.log('innerDoc', innerDoc);
+
+    if (innerDoc) {
+      const storybookRoot = innerDoc.getElementById('storybook-root');
+      storybookIframe.style.height = storybookRoot.scrollHeight + "px";
+    }
+  });
+</script>
\ No newline at end of file

From e4ae2452f19888565e0307ddd983437983e9e9bb Mon Sep 17 00:00:00 2001
From: Jami Gibbs <jami.gibbs@adhocteam.us>
Date: Tue, 11 Feb 2025 16:58:36 -0600
Subject: [PATCH 2/7] add console log

---
 src/_includes/storybook-preview.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/_includes/storybook-preview.html b/src/_includes/storybook-preview.html
index f44cf0704..f1c61502c 100644
--- a/src/_includes/storybook-preview.html
+++ b/src/_includes/storybook-preview.html
@@ -30,6 +30,7 @@
 
     if (innerDoc) {
       const storybookRoot = innerDoc.getElementById('storybook-root');
+      console.log('storybookRoot', storybookRoot);
       storybookIframe.style.height = storybookRoot.scrollHeight + "px";
     }
   });

From 9a0a8e930f5dd4f6fd94ce127c364b3c2c7b8136 Mon Sep 17 00:00:00 2001
From: Jami Gibbs <jami.gibbs@adhocteam.us>
Date: Tue, 11 Feb 2025 17:05:21 -0600
Subject: [PATCH 3/7] try body scrollHeight

---
 src/_includes/storybook-preview.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/_includes/storybook-preview.html b/src/_includes/storybook-preview.html
index f1c61502c..6a69ec5da 100644
--- a/src/_includes/storybook-preview.html
+++ b/src/_includes/storybook-preview.html
@@ -28,10 +28,13 @@
 
     console.log('innerDoc', innerDoc);
 
-    if (innerDoc) {
-      const storybookRoot = innerDoc.getElementById('storybook-root');
-      console.log('storybookRoot', storybookRoot);
-      storybookIframe.style.height = storybookRoot.scrollHeight + "px";
+    if (innerDoc.body) {
+      // const storybookRoot = innerDoc.getElementById('storybook-root');
+      // console.log('storybookRoot', storybookRoot);
+      // storybookIframe.style.height = storybookRoot.scrollHeight + "px";
+
+      console.log('innerDoc.body', innerDoc.body);
+      storybookIframe.style.height = innerDoc.body.scrollHeight;
     }
   });
 </script>
\ No newline at end of file

From 37354687bfe94e3063c55b15c875990fb9333fc4 Mon Sep 17 00:00:00 2001
From: Jami Gibbs <jami.gibbs@adhocteam.us>
Date: Tue, 11 Feb 2025 17:11:11 -0600
Subject: [PATCH 4/7] more logging and set height property

---
 src/_includes/storybook-preview.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/_includes/storybook-preview.html b/src/_includes/storybook-preview.html
index 6a69ec5da..03d5b514b 100644
--- a/src/_includes/storybook-preview.html
+++ b/src/_includes/storybook-preview.html
@@ -34,7 +34,8 @@
       // storybookIframe.style.height = storybookRoot.scrollHeight + "px";
 
       console.log('innerDoc.body', innerDoc.body);
-      storybookIframe.style.height = innerDoc.body.scrollHeight;
+      console.log('innerDoc.body.scrollHeight', innerDoc.body.scrollHeight);
+      storybookIframe.height = innerDoc.body.scrollHeight;
     }
   });
 </script>
\ No newline at end of file

From 9974aa1ff4858acd6bdb381bcde0ca4887c1b0f8 Mon Sep 17 00:00:00 2001
From: Jami Gibbs <jami.gibbs@adhocteam.us>
Date: Tue, 11 Feb 2025 17:20:51 -0600
Subject: [PATCH 5/7] make window object assignment dynamic

---
 src/_includes/storybook-preview.html | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/_includes/storybook-preview.html b/src/_includes/storybook-preview.html
index 03d5b514b..4399b5ff6 100644
--- a/src/_includes/storybook-preview.html
+++ b/src/_includes/storybook-preview.html
@@ -18,13 +18,12 @@
 
 <script>
   window["{{ include.story }}"] = document.getElementById("{{ include.story }}");
-  const storybookIframe = window["{{ include.story }}"];
 
-  storybookIframe.addEventListener("load", function() {
+  window["{{ include.story }}"].addEventListener("load", function() {
 
-    console.log('storybookIframe loaded!', storybookIframe);
+    console.log('storybookIframe loaded!', window["{{ include.story }}"]);
 
-    const innerDoc = storybookIframe.contentDocument || storybookIframe.contentWindow.document;
+    const innerDoc = window["{{ include.story }}"].contentDocument || window["{{ include.story }}"].contentWindow.document;
 
     console.log('innerDoc', innerDoc);
 
@@ -35,7 +34,7 @@
 
       console.log('innerDoc.body', innerDoc.body);
       console.log('innerDoc.body.scrollHeight', innerDoc.body.scrollHeight);
-      storybookIframe.height = innerDoc.body.scrollHeight;
+      window["{{ include.story }}"].height = innerDoc.body.scrollHeight;
     }
   });
 </script>
\ No newline at end of file

From 31cb51780b8653c37bf00edda536af3c0daade16 Mon Sep 17 00:00:00 2001
From: Jami Gibbs <jami.gibbs@adhocteam.us>
Date: Wed, 12 Feb 2025 13:37:26 -0600
Subject: [PATCH 6/7] test timeout

---
 src/_includes/storybook-preview.html | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/_includes/storybook-preview.html b/src/_includes/storybook-preview.html
index 4399b5ff6..325fac519 100644
--- a/src/_includes/storybook-preview.html
+++ b/src/_includes/storybook-preview.html
@@ -23,18 +23,22 @@
 
     console.log('storybookIframe loaded!', window["{{ include.story }}"]);
 
-    const innerDoc = window["{{ include.story }}"].contentDocument || window["{{ include.story }}"].contentWindow.document;
+    setTimeout(() => {
+      const innerDoc = window["{{ include.story }}"].contentDocument || window["{{ include.story }}"].contentWindow.document;
 
-    console.log('innerDoc', innerDoc);
+      console.log('innerDoc', innerDoc);
+
+      if (innerDoc.body) {
+        // const storybookRoot = innerDoc.getElementById('storybook-root');
+        // console.log('storybookRoot', storybookRoot);
+        // storybookIframe.style.height = storybookRoot.scrollHeight + "px";
+
+        console.log('innerDoc.body', innerDoc.body);
+        console.log('innerDoc.body.scrollHeight', innerDoc.body.scrollHeight);
+        window["{{ include.story }}"].height = innerDoc.body.scrollHeight;
+      }
+    }, 1000)
 
-    if (innerDoc.body) {
-      // const storybookRoot = innerDoc.getElementById('storybook-root');
-      // console.log('storybookRoot', storybookRoot);
-      // storybookIframe.style.height = storybookRoot.scrollHeight + "px";
 
-      console.log('innerDoc.body', innerDoc.body);
-      console.log('innerDoc.body.scrollHeight', innerDoc.body.scrollHeight);
-      window["{{ include.story }}"].height = innerDoc.body.scrollHeight;
-    }
   });
 </script>
\ No newline at end of file

From ad783712ec244238929c7a43eca7c1fd47c917f9 Mon Sep 17 00:00:00 2001
From: Jami Gibbs <jami.gibbs@adhocteam.us>
Date: Wed, 12 Feb 2025 14:02:49 -0600
Subject: [PATCH 7/7] cleanup

---
 src/_includes/storybook-preview.html | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/_includes/storybook-preview.html b/src/_includes/storybook-preview.html
index 325fac519..f179f65c2 100644
--- a/src/_includes/storybook-preview.html
+++ b/src/_includes/storybook-preview.html
@@ -29,16 +29,11 @@
       console.log('innerDoc', innerDoc);
 
       if (innerDoc.body) {
-        // const storybookRoot = innerDoc.getElementById('storybook-root');
-        // console.log('storybookRoot', storybookRoot);
-        // storybookIframe.style.height = storybookRoot.scrollHeight + "px";
-
         console.log('innerDoc.body', innerDoc.body);
         console.log('innerDoc.body.scrollHeight', innerDoc.body.scrollHeight);
         window["{{ include.story }}"].height = innerDoc.body.scrollHeight;
       }
-    }, 1000)
-
+    }, 500)
 
   });
 </script>
\ No newline at end of file