From 0f299d228eb4075d24e1c0fb5b39febc6bc77de6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Tue, 18 May 2021 23:41:54 +0200
Subject: [PATCH] fix: move all child nodes within EditorContent

---
 packages/react/src/EditorContent.tsx | 4 ++--
 packages/vue-2/src/EditorContent.ts  | 4 ++--
 packages/vue-3/src/EditorContent.ts  | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react/src/EditorContent.tsx b/packages/react/src/EditorContent.tsx
index e97d8398..802d536b 100644
--- a/packages/react/src/EditorContent.tsx
+++ b/packages/react/src/EditorContent.tsx
@@ -55,7 +55,7 @@ export class PureEditorContent extends React.Component<EditorContentProps, Edito
 
       const element = this.editorContentRef.current
 
-      element.appendChild(editor.options.element.firstChild)
+      element.append(...editor.options.element.childNodes)
 
       editor.setOptions({
         element,
@@ -89,7 +89,7 @@ export class PureEditorContent extends React.Component<EditorContentProps, Edito
 
     const newElement = document.createElement('div')
 
-    newElement.appendChild(editor.options.element.firstChild)
+    newElement.append(...editor.options.element.childNodes)
 
     editor.setOptions({
       element: newElement,
diff --git a/packages/vue-2/src/EditorContent.ts b/packages/vue-2/src/EditorContent.ts
index 4ccffe6e..e8f6db77 100644
--- a/packages/vue-2/src/EditorContent.ts
+++ b/packages/vue-2/src/EditorContent.ts
@@ -27,7 +27,7 @@ export const EditorContent: Component = {
               return
             }
 
-            element.appendChild(editor.options.element.firstChild)
+            element.append(...editor.options.element.childNodes)
             editor.contentComponent = this
 
             editor.setOptions({
@@ -62,7 +62,7 @@ export const EditorContent: Component = {
 
     const newElement = document.createElement('div')
 
-    newElement.appendChild(editor.options.element.firstChild)
+    newElement.append(...editor.options.element.childNodes)
 
     editor.setOptions({
       element: newElement,
diff --git a/packages/vue-3/src/EditorContent.ts b/packages/vue-3/src/EditorContent.ts
index a88247e8..7bce4e99 100644
--- a/packages/vue-3/src/EditorContent.ts
+++ b/packages/vue-3/src/EditorContent.ts
@@ -39,7 +39,7 @@ export const EditorContent = defineComponent({
 
           const element = unref(rootEl.value)
 
-          rootEl.value.appendChild(editor.options.element.firstChild)
+          rootEl.value.append(...editor.options.element.childNodes)
 
           // @ts-ignore
           editor.contentComponent = instance.ctx._
@@ -71,7 +71,7 @@ export const EditorContent = defineComponent({
 
       const newElement = document.createElement('div')
 
-      newElement.appendChild(editor.options.element.firstChild)
+      newElement.append(...editor.options.element.childNodes)
 
       editor.setOptions({
         element: newElement,