Add support for Internet Explorer 10

README.md

@@ -96,8 +96,10 @@ class TopArticles extends Component {
 
 ## Compatibility
 
-Tested in Chrome and Firefox. Will test and ensure compatibility with IE 10+ and Safari very shortly.
-''
+|           | Chrome | Firefox | Safari |   IE  | Edge | iOS Safari/Chrome | Android Chrome |
+|-----------|:------:|:-------:|:------:|:-----:|:----:|:-----------------:|:--------------:|
+| Supported |  ✔ 10+ |   ✔ 4+  | ✔ 6.1+ | ✔ 10+ |   ✔  |       ✔ 6.1+      |        ✔       |
+
 
 
 ## How It Works

dist/react-flip-move.js

@@ -150,10 +150,6 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	'use strict';
 
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
 	var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
 
 	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
@@ -176,6 +172,10 @@ return /******/ (function(modules) { // webpackBootstrap
 	             *     transition between their positions.
 	             */
 
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
 	var _react = __webpack_require__(2);
 
 	var _react2 = _interopRequireDefault(_react);
@@ -227,7 +227,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	    // We want to keep the item rendered for a little while, until its animation
 	    // can complete. Because we cannot mutate props, we make `state` the source
 	    // of truth.
-	    _this.state = { children: _this.props.children };
+	    _this.state = { children: props.children };
 
 	    // Keep track of remaining animations so we know when to fire the
 	    // all-finished callback, and clean up after ourselves.
@@ -499,7 +499,6 @@ return /******/ (function(modules) { // webpackBootstrap
 	      var dX = _getPositionDelta4[0];
 	      var dY = _getPositionDelta4[1];
 
-
 	      return dX !== 0 || dY !== 0;
 	    }
 	  }, {
@@ -599,7 +598,6 @@ return /******/ (function(modules) { // webpackBootstrap
 	      var staggerDelayBy = _props.staggerDelayBy;
 	      var easing = _props.easing;
 
-
 	      delay += n * staggerDelayBy;
 	      duration += n * staggerDurationBy;
 
@@ -764,16 +762,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	'use strict';
 
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
 	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
 
 	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
 	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
 	var _react = __webpack_require__(2);
 
 	var _react2 = _interopRequireDefault(_react);
@@ -848,7 +846,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	    }, {
 	      key: 'convertAnimationProp',
 	      value: function convertAnimationProp(animation, presets) {
-	        var newAnimation = void 0;
+	        var newAnimation = undefined;
 
 	        switch (typeof animation === 'undefined' ? 'undefined' : _typeof(animation)) {
 	          case 'boolean':

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-flip-move",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.",
   "main": "lib/index.js",
   "files": [

src/FlipMove.js

@@ -45,7 +45,7 @@ class FlipMove extends Component {
     // We want to keep the item rendered for a little while, until its animation
     // can complete. Because we cannot mutate props, we make `state` the source
     // of truth.
-    this.state = { children: this.props.children };
+    this.state = { children: props.children };
 
     // Keep track of remaining animations so we know when to fire the
     // all-finished callback, and clean up after ourselves.