When an SVG element is in the DOM it produces an error

[widmoser]

The error message is:

Uncaught TypeError: Object #<SVGAnimatedString> has no method split

An easy fix would be the following: Change this line to

    if (child.nodeType === exports.ELEMENT_NODE && !(child.className instanceof SVGAnimatedString)) {

Maybe you have a more generic idea on how to solve it.

[mikedidthis]

The issue seems to be when the element being rendered contains a svg element.

Sadly the fix @widmoser posted didn't work for me, but helped me with my own. I believe the issue is down to the svg elements not supporting className.

At line 32 of elementFactory.js, replace it with:

    this.classNames = '';
    if ( ! el instanceof SVGElement ) {
      this.classNames = this.el.className.split(' ');
    } 

Hacky, but works as far as I can tell.

[dospromptman]

I have this issue, also. Additionally, I need content injected into the svg element in my markup.

I replaced the this.classNames = this.el.className.split(' ') assignment with this.classNames = (this.el.hasAttribute('class') ? this.el.getAttribute('class').split(' ') : [])

I haven't run any extensive tests, but it does seem to solve the issue in my case.

[LMLB]

Just ran into this issue, too.

I worked around it by injecting the svg element instead.