From ff2559f6c8fba9ec38a4df8198d3d7d2b06d41dc Mon Sep 17 00:00:00 2001
From: Zhefu Li <zf-li23@mails.tsinghua.edu.cn>
Date: Tue, 1 Oct 2024 17:40:03 +0000
Subject: [PATCH] Update attributions.html

---
 wiki/pages/attributions.html | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index ff3c5ac4..c4e32220 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -47,23 +47,23 @@
 
     <div class="row mt-4">
         <div class="col-lg-12">
-            <script type="text/javascript">
-                window.onload = function () {
-                    var iframe = document.getElementById('igem-attribution-form');
-                    iframe.onload = function () {
-                        try {
-                            var bHeight = iframe.contentWindow.document.body.scrollHeight;
-                            var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
-                            var height = Math.max(bHeight, dHeight);
-                            iframe.height = height;
-                        } catch (ex) { }
-                    };
-                };
-            </script>
-            <iframe style="width: 100%; height: 7000px;" id="igem-attribution-form" src="https://teams.igem.org/wiki/5187/attributions"></iframe>
+            <iframe style="width: 100%;" id="igem-attribution-form"
+                src="https://teams.igem.org/wiki/5187/attributions"></iframe>
             </iframe>
         </div>
-    </div>
+        <script type="text/javascript">
+            // Listen to size change and update form height
+            window.addEventListener("message", function (e) {
+                if (e.origin === "https://teams.igem.org") {
+                    const { type, data } = JSON.parse(e.data);
+                    if (type === "igem-attribution-form") {
+                        const element = document.getElementById("igem-attribution-form");
+                        element.style.height = `${data + 50}px`;
+                    }
+                }
+            });
+        </script>
+
     </div>
 
 </body>
-- 
GitLab