fix: 使用ResizeObserver代替

antvis · Feb 5, 2024 · e8c2ab7 · e8c2ab7
1 parent e7a3c43
commit e8c2ab7
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/packages/f-react/src/createCanvas.tsx b/packages/f-react/src/createCanvas.tsx
@@ -55,7 +55,7 @@ const createCanvas = (CanvasClass: typeof Canvas) => {
       width: number;
       height: number;
     };
-    observer: MutationObserver;
+    observer: ResizeObserver;
 
     constructor(props: CanvasProps) {
       super(props);
@@ -120,11 +120,12 @@ const createCanvas = (CanvasClass: typeof Canvas) => {
         this.resize();
       });
 
-      const observerConfig = { attributes: true };
-      this.observer = new MutationObserver(() => {
-        this.resize();
-      });
-      this.observer.observe(targetNode, observerConfig);
+      if (typeof ResizeObserver !== 'undefined') {
+        this.observer = new ResizeObserver(() => {
+          this.resize();
+        });
+        this.observer.observe(targetNode);
+      }
     }
 
     resize() {