fix(paste): throw an error when pasting multiple inline boxes into em…

…pty block
lakejs · May 24, 2024 · 12511ff · 12511ff
1 parent abb0d29
commit 12511ff
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/plugins/paste.ts b/src/plugins/paste.ts
@@ -157,6 +157,7 @@ function pasteFragment(editor: Editor, fragment: DocumentFragment): void {
       parts.end.remove();
     }
     selection.insertFragment(fragment);
+    editor.renderBoxes();
     range.shrinkAfter(lastNode);
   }
   fixNumberedList(editor.container.children().filter(node => node.isBlock));
@@ -210,6 +211,5 @@ export default (editor: Editor) => {
     editor.event.emit('beforepaste', fragment);
     fixClipboardData(fragment);
     pasteFragment(editor, fragment);
-    editor.renderBoxes();
   });
 };
diff --git a/tests/plugins/paste.test.ts b/tests/plugins/paste.test.ts
@@ -662,6 +662,23 @@ describe('plugins / paste', () => {
     );
   });
 
+  it('pastes multiple image boxes into a paragraph', () => {
+    const content = `
+    <p><br /><focus /></p>
+    `;
+    const output = `
+    <p><lake-box type="inline" name="image" value="${imageBoxValue}"></lake-box></p>
+    <p><lake-box type="inline" name="image" value="${imageBoxValue}" focus="end"></lake-box></p>
+    `;
+    testPlugin(
+      content,
+      output,
+      editor => {
+        pasteData(editor, 'text/html', `<p><lake-box type="inline" name="image" value="${imageBoxValue}"></lake-box></p><p><lake-box type="inline" name="image" value="${imageBoxValue}"></lake-box></p>`);
+      },
+    );
+  });
+
   it('pastes image box into an empty paragraph', () => {
     const content = `
     <p><br /><focus /></p>