Fix for https://github.com/epochjs/epoch/issues/161

dist/js/epoch.js

@@ -922,7 +922,7 @@ QueryCSS = (function() {
   };
 
   QueryCSS.getStyles = function(selector, container) {
-    var cache, cacheKey, el, element, i, j, k, len, len1, len2, name, parent, parentNode, parents, ref, ref1, ref2, root, sel, selectorList, styles, subSelector;
+    var cache, cacheKey, el, element, error, i, j, k, len, len1, len2, name, parent, parentNode, parents, ref, ref1, ref2, ref3, root, sel, selectorList, styles, subSelector;
     cacheKey = QueryCSS.hash(selector, container);
     cache = QueryCSS.cache[cacheKey];
     if (cache != null) {
@@ -956,10 +956,14 @@ QueryCSS = (function() {
     if (logging) {
       console.log(selectorList);
     }
+    sel = 'WTF-' + selector.replace(/(\.|\#| )/g, '__');
     parent = root = put(selectorList.shift());
     while (selectorList.length) {
       el = put(selectorList.shift());
       parent.appendChild(el);
+      if (!selectorList.length && !el.id) {
+        el.id = sel;
+      }
       parent = el;
     }
     if (logging) {
@@ -968,10 +972,16 @@ QueryCSS = (function() {
     QueryCSS.getContainer().node().appendChild(root);
     ref = d3.select('#' + REFERENCE_CONTAINER_ID + ' ' + selector);
     styles = {};
-    ref2 = QueryCSS.styleList;
-    for (k = 0, len2 = ref2.length; k < len2; k++) {
-      name = ref2[k];
-      styles[name] = ref.style(name);
+    ref3 = QueryCSS.styleList;
+    for (k = 0, len2 = ref3.length; k < len2; k++) {
+      name = ref3[k];
+      try {
+        styles[name] = ref.style(name);
+      } catch (error1) {
+        error = error1;
+        ref2 = Epoch.Util.getComputedStyle(document.getElementById(sel), null);
+        styles[name] = ref2[name];
+      }
     }
     QueryCSS.cache[cacheKey] = styles;
     QueryCSS.getContainer().html('');

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "epoch-charting",
-  "version": "0.8.4",
-  "description": "A general purpose real-time charting library for building beautiful, smooth, and high performance visualizations.",
+  "name": "epoch-charting-ie-patched",
+  "version": "0.8.4-patched",
+  "description": "A general purpose real-time charting library for building beautiful, smooth, and high performance visualizations. With patch resolving IE rendering.",
   "keywords": [
     "chart",
     "charting",
@@ -19,7 +19,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/fastly/epoch.git"
+    "url": "https://github.com/fixanoid/epoch.git"
   },
   "main": "dist/js/epoch.js",
   "dependencies": {

src/core/css.coffee

@@ -36,7 +36,7 @@ class QueryCSS
 
     return element
 
-  # Lets the user set whether or not to log selector lists and resulting DOM trees. 
+  # Lets the user set whether or not to log selector lists and resulting DOM trees.
   # Useful for debugging QueryCSS itself.
   @log: (b) ->
     logging = b
@@ -106,26 +106,40 @@ class QueryCSS
 
     console.log(selectorList) if logging
 
+    sel = 'WTF-' + selector.replace(/(\.|\#| )/g, '__')
+
     parent = root = put(selectorList.shift())
     while selectorList.length
       el = put(selectorList.shift())
       parent.appendChild el
+
+      if !selectorList.length && !el.id
+        el.id = sel
+
       parent = el
 
     console.log(root) if logging
 
     # 2) Place the reference tree and fetch styles given the selector
     QueryCSS.getContainer().node().appendChild(root)
 
+
     ref = d3.select('#' + REFERENCE_CONTAINER_ID + ' ' + selector)
+
     styles = {}
+
     for name in QueryCSS.styleList
-      styles[name] = ref.style(name)
+      try
+        styles[name] = ref.style(name)
+      catch error
+        ref2 = Epoch.Util.getComputedStyle(document.getElementById(sel), null)
+        styles[name] = ref2[name]
+
     QueryCSS.cache[cacheKey] = styles
 
     # 3) Cleanup and return the styles
     QueryCSS.getContainer().html('')
     return styles
 
 
-Epoch.QueryCSS = QueryCSS
+Epoch.QueryCSS = QueryCSS