fixing more IE problems with matches selector, bump version

index.html

@@ -54,7 +54,7 @@ <h2>A second paragraph with some latin like text</h2>
             <button id="action-mark"><i class="fa fa-eraser"></i> Mark selection</button>
             <button class="warn" id="action-clear"><i class="fa fa-trash-o"></i></button>
         </div>
-        <p class="text-center subline tight">Marklib.Rendering depends on zero libraries and is just around 10kb minified</p>
+        <p class="text-center subline tight">Marklib depends on zero libraries and is just around 10kb minified</p>
 
     </div>
 </div>
@@ -129,6 +129,7 @@ <h2>A second paragraph with some latin like text</h2>
                     var selection = document.getSelection(), renderer = new Marklib.Rendering(document),
                             result = renderer.renderWithRange(selection.getRangeAt(0));
                     selection.removeAllRanges();
+                    console.log(result);
                     savedRanges.push(result);
                     localStorage.setItem(STORAGE_KEY, JSON.stringify(savedRanges));
                 } catch (e) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "marklib",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "main": "build/js/marklib.js",
   "repository": {
     "type": "git",

src/main/Rendering.js

@@ -312,7 +312,8 @@ class Rendering {
             if (Node.TEXT_NODE === currentNext.nodeType) {
                 wrapIf(currentNext);
             } else {
-                if (currentNext.contains(endContainer)) {
+
+                if (!!(currentNext.compareDocumentPosition(endContainer) & 16)) {
                     this.walkDom(currentNext, (e) => {
                         if (e === endContainer) {
                             return false;

src/main/util/Util.js

@@ -1,4 +1,4 @@
-/* global Node, NodeList */
+/* global Node, NodeList, Element */
 
 /**
  * @type {string}
@@ -17,6 +17,14 @@ export const DATA_IS_SELECTION = 'data-is-selection';
  */
 const SERIALIZE_SEPARATOR = ";";
 
+// polyfill for matchesSelector, IE 10/11 does not support Element.matches
+if (Element && !Element.prototype.matches) {
+    var p = Element.prototype;
+    p.matches = p.matchesSelector ||
+    p.mozMatchesSelector || p.msMatchesSelector ||
+    p.oMatchesSelector || p.webkitMatchesSelector;
+}
+
 /**
  * Utility class
  * Contains DOM/Node manipulation helpers