small change for escaping (#107)

Author: gazzdingo

src/visual_editor/lib/getSelector.ts

@@ -12,10 +12,33 @@ export default function getSelector(
       attr: (name) => false, // ignore all attributes
     });
   } catch (e) {
-    selector =
-      element.tagName.toLowerCase() +
-      (element.id ? `#${element.id}` : "") +
-      (element.className ? `.${element.className}` : "");
+    selector = getFallbackSelector(element);
   }
   return selector;
 }
+
+function getFallbackSelector(element: Element): string {
+  const tagName = element.tagName.toLowerCase();
+  const id = element.id ? `#${CSS.escape(element.id)}` : "";
+
+  // Handle both string className (HTML elements) and SVGAnimatedString (SVG elements)
+  let classes = "";
+  if (element.className) {
+    let classNameStr = "";
+    if (typeof element.className === "string") {
+      classNameStr = element.className;
+    } else if (typeof element.className === "object" && "baseVal" in element.className) {
+      // SVG element with SVGAnimatedString
+      classNameStr = (element.className as any).baseVal;
+    }
+
+    classes = classNameStr
+      ? classNameStr
+        .split(' ')
+        .filter(Boolean)
+        .map(c => `.${CSS.escape(c)}`)
+        .join('')
+      : "";
+  }
+  return tagName + id + classes;
+}