umputun#299 make it working in IE11

web/app/common/closest-polyfill.js

@@ -0,0 +1,15 @@
+if (!Element.prototype.matches) {
+  Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+}
+
+if (!Element.prototype.closest) {
+  Element.prototype.closest = function(s) {
+    let el = this;
+
+    do {
+      if (el.matches(s)) return el;
+      el = el.parentElement || el.parentNode;
+    } while (el !== null && el.nodeType === 1);
+    return null;
+  };
+}

web/app/common/polyfills.ts

@@ -1,5 +1,7 @@
 import 'core-js/es/promise';
 import 'focus-visible';
+import '@webcomponents/custom-elements';
+import './closest-polyfill';
 
 export default async function loadPolyfills() {
   const fillCoreJs = async () => {

web/package.json

@@ -47,6 +47,7 @@
     "clean-webpack-plugin": "^2.0.1",
     "copy-webpack-plugin": "^5.0.2",
     "css-loader": "^2.1.1",
+    "document-register-element": "^1.13.1",
     "eslint": "^5.15.3",
     "eslint-config-prettier": "^4.1.0",
     "eslint-plugin-jsx-a11y": "^6.2.1",
@@ -81,9 +82,9 @@
   },
   "dependencies": {
     "@github/markdown-toolbar-element": "^0.2.0",
+    "@webcomponents/custom-elements": "^1.2.2",
     "bem-react-helper": "^1.1.2",
     "core-js": "^3.0.0",
-    "document-register-element": "^1.13.1",
     "focus-visible": "^4.1.5",
     "preact": "^8.4.2",
     "preact-redux": "^2.0.3",

web/webpack.config.js

@@ -62,8 +62,32 @@ module.exports = () => ({
     rules: [
       {
         test: /\.js(x?)$/,
-        exclude: /node_modules/,
-        use: 'babel-loader',
+        oneOf: [
+          {
+            include: /node_modules\/@github\/markdown-toolbar-element/,
+            use: {
+              loader: 'babel-loader',
+              options: {
+                presets: [
+                  [
+                    '@babel/preset-env',
+                    {
+                      targets: {
+                        browsers: ['> 1%', 'android >= 4.4.4', 'ios >= 9', 'IE >= 11'],
+                      },
+                      useBuiltIns: 'usage',
+                      corejs: 3,
+                    },
+                  ],
+                ],
+              },
+            },
+          },
+          {
+            exclude: /node_modules/,
+            use: 'babel-loader',
+          },
+        ],
       },
       {
         test: /\.ts(x?)$/,