fix: svg elements not getting rendered properly in live preview when a new svg type element is added

Author: devvaannsh

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -5272,8 +5272,16 @@ function RemoteFunctions(config = {}) {
                         editIsSpecialTag = false;
                     }
                 }
+
                 if (!editIsSpecialTag) {
-                    childElement = self.htmlDocument.createElement(edit.tag);
+                    // If the parent element is an instance of SVGElement or we're inserting an <svg> tag directly,
+                    // we need to create it in the SVG namespace otherwise SVG elements won't render
+                    // correctly in live preview until it's reloaded
+                    if (targetElement instanceof SVGElement || edit.tag.toLowerCase() === "svg") {
+                        childElement = self.htmlDocument.createElementNS("http://www.w3.org/2000/svg", edit.tag);
+                    } else {
+                        childElement = self.htmlDocument.createElement(edit.tag);
+                    }
                 }
 
                 Object.keys(edit.attributes).forEach(function (attr) {