Added: Only check overflowed elements

.vscode/settings.json

@@ -6,6 +6,7 @@
     "delog",
     "filesize",
     "iife",
+    "Initialising",
     "logcapture",
     "Loggable",
     "sarif",

example/child/frame.animate.html

@@ -85,6 +85,8 @@
     <h4>Data returned by parentIFrame.getParentProps()</h4>
     <table id="data"></table>
 
+    <span id="insert"></span>
+
     <!-- 
       The data-iframe-size attribute tells iframe-resizer to use this element
       to calculate the height of the iframe, when the content overflows the
@@ -99,10 +101,11 @@ <h4>Data returned by parentIFrame.getParentProps()</h4>
 
     <script>
       // Add some content to to show the effect of using data-iframe-size above
-      for (let i = 0; i < 10_000; i++) {
-        document.write(
-          '<div style="position: absolute">This is a test to see if the page will grow to accommodate the content.</div>',
-  );
+      for (let i = 0; i < 500; i++) {
+        const span = document.createElement('span')
+        span.style.setProperty('position', 'relative')
+        span.textContent = `. `
+        document.getElementById('insert').append(span);
       }
 
     </script>

example/child/frame.content.html

@@ -8,7 +8,6 @@
     <script
       type="text/javascript"
       src="../../js/iframe-resizer.child.js"
-      defer
     ></script>
     <script>
       function toggle() {

example/html/width.html

@@ -22,7 +22,7 @@
     <h2>Automagically resizing iFrame</h2>
     <p>
       Back to
-      <a name="anchorParentTest" href="index.html">horizontal iFrames</a>.
+      <a name="anchorParentTest" href="index.html">vertical iframes</a>.
     </p>
     <div id="iframeContainer" style="margin: 20px">
       <iframe