Make it work in IE

Author: cvle

docs/src/app.css.ts

@@ -99,6 +99,7 @@ export default createClassRules({
     marginTop: "48px",
   },
   main: {
+    display: "block",
     margin: "0 auto",
     maxWidth: "1024px",
     textAlign: "left",

docs/webpack.config.js

@@ -14,7 +14,7 @@ const reactPresets = process.env.NODE_ENV === "production" ? ["react", "react-op
 const additionalPlugins = process.env.NODE_ENV === "production" ? [uglifyPlugin] : [];
 
 module.exports = {
-  entry: "./src/app.tsx",
+  entry: ["babel-polyfill", "./src/app.tsx"],
   devtool: "sourcemap",
   resolve: {
     extensions: [".ts", ".tsx", ".js", ".jsx", ".txt"],

package.json

@@ -63,6 +63,7 @@
     "awesome-typescript-loader": "^3.0.0-beta.18",
     "babel-core": "^6.22.1",
     "babel-loader": "^6.2.10",
+    "babel-polyfill": "^6.22.0",
     "babel-preset-es2015": "^6.22.0",
     "babel-preset-react": "^6.22.0",
     "babel-preset-react-optimize": "^1.0.1",

src/composables/preventPhantomEvents.tsx

@@ -25,7 +25,8 @@ export const preventPhantomEvents = combine(
           handleTimeUpdateRequest: () => () => {
             if (timeUpdateRequested) {
               lastTriggerTime = Date.now();
-              if (typeof performance !== "undefined") {
+              if (typeof performance !== "undefined" &&
+                typeof performance.now !== "undefined") {
                 lastTriggerTimePerformance = performance.now();
               }
               timeUpdateRequested = false;