Merge pull request #121 from ganderzz/feature/fix-safari

fix: unsupported scrollTo() browsers and react storybook

Author: ganderzz

.gitignore

@@ -8,6 +8,7 @@ yarn-error.log*
 .cache
 
 dist
+docs
 
 # Runtime data
 pids

.storybook/webpack.config.js

@@ -1,22 +1,17 @@
 const path = require("path");
 
 module.exports = ({ config }) => {
-  config.resolve.extensions.push(".ts", ".tsx");
- 
-  config.module.rules[0].test = /\.(ts|tsx)$/;
-  config.module.rules[0].query.presets = ["@babel/preset-env"];
-  
-  config.module.rules.unshift({
+  config.module.rules.push({
     test: /\.(ts|tsx)$/,
     use: [
       {
         loader: require.resolve("ts-loader"),
         options: {
-          configFile: "../config/tsconfig.json"
+          configFile: path.resolve(__dirname, "../config/tsconfig.json")
         }
       }
     ]
   });
-
+  config.resolve.extensions.push(".ts", ".tsx");
   return config;
 };

package.json

@@ -25,10 +25,11 @@
     "@babel/preset-react": "7.0.0",
     "@storybook/react": "5.1.9",
     "@testing-library/react": "8.0.5",
-    "all-contributors-cli": "6.8.1",
+    "@types/react-dom": "^16.8.4",
     "@types/jest": "^24.0.13",
     "@types/node": "^12.0.4",
     "@types/react": "^16.8.19",
+    "all-contributors-cli": "6.8.1",
     "babel-core": "7.0.0-bridge.0",
     "babel-jest": "24.8.0",
     "babel-loader": "8.0.6",
@@ -115,6 +116,6 @@
     }
   },
   "dependencies": {
-    "@types/react-dom": "^16.8.4"
+    "smoothscroll-polyfill": "^0.4.4"
   }
 }

src/ScrollTo.tsx

@@ -1,5 +1,9 @@
 import * as React from "react";
 import ReactDOM from "react-dom";
+import * as smoothscroll from "smoothscroll-polyfill";
+
+// Polyfill scrollTo() in Safari, IE, and Edge
+smoothscroll.polyfill();
 
 interface IContextProps {
   addScrollArea(id: string, node: unknown);

yarn.lock

@@ -9401,6 +9401,11 @@ slice-ansi@^2.1.0:
     astral-regex "^1.0.0"
     is-fullwidth-code-point "^2.0.0"
 
+smoothscroll-polyfill@^0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/smoothscroll-polyfill/-/smoothscroll-polyfill-0.4.4.tgz#3a259131dc6930e6ca80003e1cb03b603b69abf8"
+  integrity sha512-TK5ZA9U5RqCwMpfoMq/l1mrH0JAR7y7KRvOBx0n2869aLxch+gT9GhN3yUfjiw+d/DiF1mKo14+hd62JyMmoBg==
+
 snapdragon-node@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"