timvir 0.2.32 → 0.2.33

package/blocks/Viewport/index.js

@@ -217,22 +217,6 @@ function Viewport(props, ref) {
     setHeight(height);
     setMaxHeight(Math.max(height, maxHeight ?? 0));
   });
-
-  /*
-   * 20ms after the height has been set, we consider this block settled. This
-   * time includes the 16ms CSS transition time, and a tiny bit more to allow
-   * for the content in the iframe itself to finish rendering.
-   */
-  React.useEffect(() => {
-    const timeoutId = setTimeout(() => {
-      mutate(draft => {
-        draft.settled = true;
-      });
-    }, 20);
-    return () => {
-      clearTimeout(timeoutId);
-    };
-  }, [mutate, height]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: containerRef
   }), /*#__PURE__*/React.createElement(Root, {
@@ -279,7 +263,7 @@ function Viewport(props, ref) {
        */
 
       const initializeDocument = () => {
-        if (document.readyState === "interactive" || document.readyState === "complete") {
+        if (document.readyState === "complete") {
           /*
            * Inject a simple style reset into the document.
            */
@@ -303,6 +287,21 @@ function Viewport(props, ref) {
            * style reset into the iframe document).
            */
           iframeRO.observe(document.body);
+
+          /*
+           * 50ms after the iframe document is complete, we consider the Viewport block
+           * settled. This time includes the 16ms CSS transition time, and a tiny bit more
+           * to allow for the content in the iframe itself to finish rendering.
+           *
+           * This time is not quite enough if the iframe loads additional code or needs to
+           * load data from a remote source. But should be enough for statically rendered
+           * content.
+           */
+          setTimeout(() => {
+            mutate(draft => {
+              draft.settled = true;
+            });
+          }, 50);
         } else {
           document?.addEventListener("readystatechange", initializeDocument, {
             once: true

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "timvir",
-  "version": "0.2.32",
+  "version": "0.2.33",
   "license": "MIT",
   "sideEffects": false,
   "exports": {