Support SVG elements under IE

Author: gorkunov

coffee/utils.coffee

@@ -139,20 +139,32 @@ removeClass = (el, name) ->
   if el.classList?
     el.classList.remove(cls) for cls in name.split(' ') when cls.trim()
   else
-    el.setAttribute('class', el.getAttribute('class').replace(new RegExp("(^| )#{ name.split(' ').join('|') }( |$)", 'gi'), ' '))
+    className = getClassName(el).replace(new RegExp("(^| )#{ name.split(' ').join('|') }( |$)", 'gi'), ' ')
+    setClassName el, className
 
 addClass = (el, name) ->
   if el.classList?
     el.classList.add(cls) for cls in name.split(' ') when cls.trim()
   else
     removeClass el, name
-    el.className += " #{ name }"
+    cls = getClassName(el) + " #{name}"
+    setClassName el, cls 
 
 hasClass = (el, name) ->
   if el.classList?
     el.classList.contains(name)
   else
-    new RegExp("(^| )#{ name }( |$)", 'gi').test(el.className)
+    new RegExp("(^| )#{ name }( |$)", 'gi').test(getClassName(el))
+
+getClassName = (el) ->
+    if el.className instanceof SVGAnimatedString 
+        el.className.baseVal 
+    else 
+        el.className
+
+setClassName = (el, className) ->
+    el.setAttribute 'class', className
+
 
 updateClasses = (el, add, all) ->
   # Of the set of 'all' classes, we need the 'add' classes, and only the

js/utils.js

@@ -12,7 +12,7 @@
 }(this, function(require,exports,module) {
 
 (function() {
-  var Evented, addClass, defer, deferred, extend, flush, getBounds, getOffsetParent, getOrigin, getScrollBarSize, getScrollParent, hasClass, node, removeClass, uniqueId, updateClasses, zeroPosCache,
+  var Evented, addClass, defer, deferred, extend, flush, getBounds, getClassName, getOffsetParent, getOrigin, getScrollBarSize, getScrollParent, hasClass, node, removeClass, setClassName, uniqueId, updateClasses, zeroPosCache,
     __hasProp = {}.hasOwnProperty,
     __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; },
     __slice = [].slice;
@@ -38,7 +38,7 @@
       if (style == null) {
         return parent;
       }
-      if (/(auto|scroll)/.test(style['overflow'] + style['overflow-y'] + style['overflow-x'])) {
+      if (/(auto|scroll)/.test(style['overflow'] + style['overflowY'] + style['overflowX'])) {
         if (position !== 'absolute' || ((_ref = style['position']) === 'relative' || _ref === 'absolute' || _ref === 'fixed')) {
           return parent;
         }
@@ -177,7 +177,7 @@
   };
 
   removeClass = function(el, name) {
-    var cls, _i, _len, _ref, _results;
+    var className, cls, _i, _len, _ref, _results;
     if (el.classList != null) {
       _ref = name.split(' ');
       _results = [];
@@ -189,7 +189,8 @@
       }
       return _results;
     } else {
-      return el.className = el.className.replace(new RegExp("(^| )" + (name.split(' ').join('|')) + "( |$)", 'gi'), ' ');
+      className = getClassName(el).replace(new RegExp("(^| )" + (name.split(' ').join('|')) + "( |$)", 'gi'), ' ');
+      return setClassName(el, className);
     }
   };
 
@@ -207,18 +208,31 @@
       return _results;
     } else {
       removeClass(el, name);
-      return el.className += " " + name;
+      cls = getClassName(el) + (" " + name);
+      return setClassName(el, cls);
     }
   };
 
   hasClass = function(el, name) {
     if (el.classList != null) {
       return el.classList.contains(name);
     } else {
-      return new RegExp("(^| )" + name + "( |$)", 'gi').test(el.className);
+      return new RegExp("(^| )" + name + "( |$)", 'gi').test(getClassName(el));
     }
   };
 
+  getClassName = function(el) {
+    if (el.className instanceof SVGAnimatedString) {
+      return el.className.baseVal;
+    } else {
+      return el.className;
+    }
+  };
+
+  setClassName = function(el, className) {
+    return el.setAttribute('class', className);
+  };
+
   updateClasses = function(el, add, all) {
     var cls, _i, _j, _len, _len1, _results;
     for (_i = 0, _len = all.length; _i < _len; _i++) {