Fix double map child

The rx-base was not added at the right location, and not cleaned up.

1 files changed, 6 insertions, 3 deletions

diff --git a/src/rx.ts b/src/rx.ts
index dbdd3ad..1b41c27 100644
--- a/src/rx.ts
+++ b/src/rx.ts
@@ -328,8 +328,8 @@ function appendChild(state: State, element: Element, child: Child, lastAdded?: N
       lastAdded: appendRes.lastAdded
     }
   } else if (isRx(child)) {
-    const rxBase = document.createTextNode("")
-    element.append(rxBase)
+    const rxBase = document.createTextNode('')
+    appendNode(element, rxBase, lastAdded)
     let appendRes: AppendResult = {
       cancel: voidCancel,
       remove: voidRemove,
@@ -345,7 +345,10 @@ function appendChild(state: State, element: Element, child: Child, lastAdded?: N
         appendRes.cancel()
         cancelRx()
       },
-      remove: appendRes.remove,
+      remove: () => {
+        appendRes.remove()
+        element.removeChild(rxBase)
+      },
       lastAdded: appendRes.lastAdded,
     }
   } else if (child === undefined || child === false) {