use a ResizeObserver to resize the element

decino · Oct 19, 2023 · cd84e34 · cd84e34
1 parent 2d3e575
commit cd84e34
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/public/assets/custom/js/index.js b/src/public/assets/custom/js/index.js
@@ -175,13 +175,13 @@ Site.loadPage(async function (site) {
         });
         ((() => {
             const cardBody = document.getElementById("resultsCardBody");
+            const resizeListener = new ResizeObserver(entries => {
+                const formCardBodyObserver = entries[0];
+                const formCardBodyOffsetHeight = formCardBodyObserver.target.offsetHeight;
+                cardBody.style.maxHeight = `${formCardBodyOffsetHeight}px`;
+            });
             const formCardBody = document.getElementById("formCardBody");
-            ['load', 'resize'].forEach(evt =>
-                window.addEventListener(evt, () => {
-                    const cardFormBodyHeight = formCardBody.offsetHeight;
-                    cardBody.style.maxHeight = `${cardFormBodyHeight}px`;
-                }, true)
-            );
+            resizeListener.observe(formCardBody);
         })());
         const distributableRadios = document.querySelectorAll("#authorYes,#authorNo");
         if (distributableRadios) {