fix: svg class name not working. used setAttribute instead

For other DOM element className is a string, but for SVG it's an SVGAnimatedString object.

Author: jorenrui

lib/entity/attributes.js

@@ -19,7 +19,7 @@ export class Attributes {
     this.base = base
     this.dynamicAttributes = []
     this.childClone = null
-    this.initialState = { className: this.base.element.className }
+    this.initialState = { classList: this.base.element.classList }
 
     this._getDynamicAttributes()
   }
@@ -35,10 +35,6 @@ export class Attributes {
     }
   }
 
-  get baseClasses() {
-    return this.initialState.className.split(' ')
-  }
-
   async evaluate() {
     await this.evaluateClass()
     await this.evaluateText()
@@ -69,10 +65,12 @@ export class Attributes {
     const expr = this.base.element.getAttribute(':class')
     if (!expr) return
 
-    this.base.element.className = await this.base._interpret(expr, {
-      base: this.baseClasses,
+    const updatedClassNames = await this.base._interpret(expr, {
+      base: this.initialState.classList,
       isClass: true,
     })
+
+    this.base.element.setAttribute('class', updatedClassNames)
   }
 
   async evaluateText() {