adds parent check to elements shifted within the dom, updates svg cleanup functions

Author: ja-ni

packages/@react-facet/dom-fiber/src/setupHostConfig.ts

@@ -1021,6 +1021,10 @@ export const setupHostConfig = (): HostConfig<
   },
 
   insertBefore: function (parentInstance, child, beforeChild) {
+    if (isElementContainer(child)) {
+      parentInstance.children.add(child)
+    }
+
     parentInstance.element.insertBefore(child.element, beforeChild.element)
   },
 
@@ -1033,6 +1037,10 @@ export const setupHostConfig = (): HostConfig<
   },
 
   insertInContainerBefore: function (container, child, beforeChild) {
+    if (isElementContainer(child)) {
+      container.children.add(child)
+    }
+
     container.element.insertBefore(child.element, beforeChild.element)
   },
 
@@ -1101,25 +1109,55 @@ const cleanupElementContainer = (parent: ElementContainer, instance: ElementCont
   instance.children.clear()
 
   instance.className?.()
+  instance.cx?.()
+  instance.cy?.()
+  instance.d?.()
   instance['data-droppable']?.()
   instance['data-narrate']?.()
   instance['data-narrate-as']?.()
   instance['data-narrate-after']?.()
   instance['data-narrate-before']?.()
   instance['data-testid']?.()
   instance['data-x-ray']?.()
+  instance.fill?.()
   instance.id?.()
   instance.src?.()
+  instance.height?.()
   instance.href?.()
   instance.target?.()
   instance.autoPlay?.()
   instance.loop?.()
   instance.disabled?.()
   instance.maxLength?.()
+  instance.r?.()
+  instance.rx?.()
+  instance.ry?.()
   instance.rows?.()
-  instance.value?.()
+  instance.stroke?.()
+  instance.strokeWidth?.()
   instance.type?.()
   instance.text?.()
+  instance.value?.()
+  instance.x?.()
+  instance.x1?.()
+  instance.x2?.()
+  instance.width?.()
+  instance.y?.()
+  instance.y1?.()
+  instance.y2?.()
+  instance.viewBox?.()
+  instance.xLinkHref?.()
+  instance.fillOpacity?.()
+  instance.strokeOpacity?.()
+  instance.strokeLinecap?.()
+  instance.strokeLinejoin?.()
+  instance.points?.()
+  instance.offset?.()
+  instance.stopColor?.()
+  instance.stopOpacity?.()
+  instance.fontFamily?.()
+  instance.fontSize?.()
+  instance.cohinline?.()
 }
 
 const noop = () => {}