fix(duplicate-element): fix console error after duplicate content (#839)

worktile · Apr 19, 2024 · 2a33c1c · 2a33c1c
1 parent 3ff6179
commit 2a33c1c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/tidy-weeks-provide.md b/.changeset/tidy-weeks-provide.md
@@ -0,0 +1,5 @@
+---
+'@plait/core': patch
+---
+
+clone the duplicated content before inserting to resolve console error
diff --git a/packages/core/src/utils/fragment.ts b/packages/core/src/utils/fragment.ts
@@ -20,10 +20,12 @@ export const duplicateElements = (board: PlaitBoard, elements?: PlaitElement[])
     const selectedElements = elements || getSelectedElements(board);
     const rectangle = getRectangleByElements(board, selectedElements, false);
     const clipboardContext = board.buildFragment(null, rectangle, 'copy');
-    clipboardContext &&
+    const stringifiedContext = clipboardContext && JSON.stringify(clipboardContext);
+    const clonedContext = stringifiedContext && JSON.parse(stringifiedContext);
+    clonedContext &&
         board.insertFragment(
             {
-                ...clipboardContext,
+                ...clonedContext,
                 text: undefined
             },
             [rectangle.x + rectangle.width / 2, rectangle.y + rectangle.height / 2]