@pixldocs/canvas-renderer 0.4.7 → 0.4.9

package/dist/index.js

@@ -4861,6 +4861,7 @@ const PageCanvas = forwardRef(
     const prevCanvasUpdateVersionRef = useRef(canvasUpdateVersion);
     const syncTriggeredByPanelRef = useRef(false);
     const hasRunPostReadyReflowForPageRef = useRef(null);
+    const hasNotifiedReadyForPageRef = useRef(null);
     const hasClearedCachesBeforeFirstSyncRef = useRef(false);
     const [guides, setGuides] = useState([]);
     const [gridResizeLabel, setGridResizeLabel] = useState(null);
@@ -5123,10 +5124,8 @@ const PageCanvas = forwardRef(
           clearFabricCharCache();
           clearMeasurementCache();
           setReady(true);
-          if (onReady) onReady();
         } catch (e) {
           setReady(true);
-          if (onReady) onReady();
         }
       };
       initFonts();
@@ -7098,6 +7097,11 @@ const PageCanvas = forwardRef(
       if (!ready || hasRunPostReadyReflowForPageRef.current === pageId) return;
       hasRunPostReadyReflowForPageRef.current = pageId;
       let cancelled = false;
+      const notifyReady = () => {
+        if (cancelled || hasNotifiedReadyForPageRef.current === pageId) return;
+        hasNotifiedReadyForPageRef.current = pageId;
+        onReady == null ? void 0 : onReady();
+      };
       const runReflowAndPersist = () => {
         const fc = fabricRef.current;
         if (!fc || cancelled) return;
@@ -7139,6 +7143,7 @@ const PageCanvas = forwardRef(
             requestAnimationFrame(() => {
               if (cancelled) return;
               runReflowAndPersist();
+              notifyReady();
             });
           });
         });
@@ -7147,7 +7152,7 @@ const PageCanvas = forwardRef(
         cancelled = true;
         cancelAnimationFrame(raf1);
       };
-    }, [ready, pageId]);
+    }, [ready, pageId, onReady]);
     useEffect(() => {
       const fc = fabricRef.current;
       if (!fc || isRebuildingRef.current || !isActive) return;
@@ -10221,7 +10226,12 @@ function setInTree(nodes, elementId, targetProperty, value) {
       } else {
         node[targetProperty] = value;
       }
-      if (targetProperty === "text" && node.type === "text") delete node.height;
+      if (targetProperty === "text" && node.type === "text") {
+        const overflowPolicy = String(node.overflowPolicy ?? "grow-and-push");
+        if (overflowPolicy !== "auto-shrink") {
+          delete node.height;
+        }
+      }
       return true;
     }
     if (node.children && Array.isArray(node.children)) {