Fix: copy and past to add support for multiple selected objects

src/components/DockBuilder/DockBuilder.jsx

@@ -699,33 +699,42 @@ export const DockBuilder = () => {
   const CopySelection = () => {
     const activeObject = editorMemo.getActiveObject();
     if (activeObject) {
-      activeObject.clone(function (cloned) {
+      activeObject.clone(
-        // Ensure dockData is copied
+        function (cloned) {
-        if (activeObject.dockData) {
-          cloned.dockData = { ...activeObject.dockData };
-        }
           clipboard = cloned;
-      });
+        },
+        // Ensure dockData is copied
+        ["dockData"]
+      );
     }
   };
 
   const PasteSelection = () => {
     if (clipboard) {
-      clipboard.clone(function (clonedObj) {
+      clipboard.clone(
-        // Ensure dockData is copied
+        function (clonedObj) {
-        if (clipboard.dockData) {
-          clonedObj.dockData = { ...clipboard.dockData };
-        }
           // Offset the pasted object so it's visible
           clonedObj.set({
-          left: (clonedObj.left || 0) + 20,
+            left: clonedObj.left + 20,
-          top: (clonedObj.top || 0) + 20,
+            top: clonedObj.top + 20,
             evented: true,
           });
+          // Add support for multiple selected objects
+          if (clonedObj.type === "activeSelection") {
+            clonedObj.canvas = editorMemo;
+            clonedObj.forEachObject(function (obj) {
+              editorMemo.add(obj);
+            });
+            clonedObj.setCoords();
+          } else {
             editorMemo.add(clonedObj);
+          }
           editorMemo.setActiveObject(clonedObj);
           editorMemo.requestRenderAll();
-      });
+        },
+        // Ensure dockData is copied
+        ["dockData"]
+      );
     }
   };