Merge pull request #20 from piboistudios/master

Add Internet Explorer polyfills

README.md

@@ -36,6 +36,15 @@ Vue.use(VueDraggable)
 
 Included TypeScript definitions.
 
+## Browser Compatibility
+Polyfills for IE9+ support are included in the repo.
+
+If you need to support IE9 in your applications, import the polyfills folder:
+
+```javascript
+import 'vue-draggable/polyfills'
+```
+
 ## Usage
 
 In the template, use the `v-drag-and-drop` directive:

polyfills/index.js

@@ -0,0 +1,39 @@
+/*
+    IE polyfills
+    closest: https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
+    remove: https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove
+*/
+if (!Element.prototype.matches) {
+    Element.prototype.matches = Element.prototype.msMatchesSelector ||
+        Element.prototype.webkitMatchesSelector;
+}
+
+if (!Element.prototype.closest) {
+    Element.prototype.closest = function (s) {
+        var el = this;
+
+        do {
+            if (el.matches(s)) return el;
+            el = el.parentElement || el.parentNode;
+        } while (el !== null && el.nodeType === 1);
+        return null;
+    };
+}
+// from:https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md
+(function (arr) {
+    arr.forEach(function (item) {
+        if (item.hasOwnProperty('remove')) {
+            return;
+        }
+        Object.defineProperty(item, 'remove', {
+            configurable: true,
+            enumerable: true,
+            writable: true,
+            value: function remove() {
+                if (this.parentNode !== null)
+                    this.parentNode.removeChild(this);
+            }
+        });
+    });
+})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
+

src/index.js

@@ -1,5 +1,6 @@
 import { VueDraggable } from './core';
 
+
 export const VueDraggableDirective = {
   bind(el, options) {
     // override default options