fix: NaN invalid CSS width issue

shared/editor/components/ImageZoom/Controlled.tsx

@@ -574,8 +574,8 @@ class ControlledBase extends Component<
       tmp.innerHTML = imgEl.outerHTML;
 
       const svg = tmp.firstChild as SVGSVGElement;
-      svg.style.width = `${styleModalImg.width ?? 0}px`;
-      svg.style.height = `${styleModalImg.height ?? 0}px`;
+      svg.style.width = `${styleModalImg.width || 0}px`;
+      svg.style.height = `${styleModalImg.height || 0}px`;
       svg.addEventListener("click", this.handleUnzoom);
 
       refModalImg.current?.firstChild?.remove?.();

shared/editor/components/ImageZoom/utils.ts

@@ -75,8 +75,11 @@ export const getScale: GetScale = ({
   offset,
   targetHeight,
   targetWidth,
-}) =>
-  !hasScalableSrc && targetHeight && targetWidth
+}) => {
+  if (!containerHeight || !containerWidth) {
+    return 1;
+  }
+  return !hasScalableSrc && targetHeight && targetWidth
     ? getScaleToWindowMax({
         containerHeight,
         containerWidth,
@@ -89,6 +92,7 @@ export const getScale: GetScale = ({
         offset,
         width: containerWidth,
       });
+};
 
 const URL_REGEX = /url(?:\(['"]?)(.*?)(?:['"]?\))/;