fix IE11 + formatting webpack config

AddMoreScripts · Mar 30, 2022 · f035945 · f035945
1 parent 4f811de
commit f035945
Show file tree

Hide file tree

Showing 4 changed files with 53 additions and 55 deletions.
diff --git a/.babelrc b/.babelrc
@@ -1,18 +1,17 @@
 {
-    "presets": [
-        [
-            "@babel/env",
-            {
-                "targets": {
-                    "ie": "11"
-                }
-            }
-        ]
-    ],
-
-    "plugins": [
-        "@babel/plugin-transform-object-assign",
-        // "@babel/plugin-proposal-class-properties"
-        // "@babel/plugin-proposal-private-methods"
+  "presets": [
+    [
+      "@babel/env",
+      {
+        "targets": {
+          "ie": "11"
+        }
+      }
     ]
-}
+  ],
+  "plugins": [
+    "@babel/plugin-transform-object-assign",
+    // "@babel/plugin-proposal-class-properties"
+    // "@babel/plugin-proposal-private-methods"
+  ]
+}
diff --git a/dist/hystmodal.min.js b/dist/hystmodal.min.js
diff --git a/src/hystmodal.js b/src/hystmodal.js
@@ -193,7 +193,8 @@ export default class HystModal {
     if (!this.config.backscroll) return;
 
     // collect fixed selectors to array
-    const fixedSelectors = document.querySelectorAll(this.config.fixedSelectors);
+    const fixedSelectorsElems = document.querySelectorAll(this.config.fixedSelectors);
+    const fixedSelectors = Array.prototype.slice.call(fixedSelectorsElems);
 
     const html = document.documentElement;
     if (this.isOpened === true) {

diff --git a/webpack.config.js b/webpack.config.js
@@ -2,41 +2,39 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 
-
-
 module.exports = {
-    mode: 'production',
-    optimization: {
-        minimizer: [new TerserPlugin(), new OptimizeCSSAssetsPlugin({})],
-    },
-    entry: {
-        main: './src/index.js'
-    },
-    output: {
-        filename: 'hystmodal.min.js',
-        // library: 'HystModal',
-        // libraryTarget: 'umd',
-        // globalObject: 'this',
-    },
-    module: {
-        rules: [
-            {
-                test: /\.m?js$/,
-                exclude: /(node_modules|bower_components)/,
-                loader: "babel-loader",
-            },
-            {
-                test: /\.css$/i,
-                use: [
-                    MiniCssExtractPlugin.loader, 
-                    'css-loader',
-                ],
-            },
-        ]
-    },
-    plugins: [
-        new MiniCssExtractPlugin({
-            filename: 'hystmodal.min.css',
-        }),
-    ]
-};
+  mode: 'production',
+  optimization: {
+    minimizer: [new TerserPlugin(), new OptimizeCSSAssetsPlugin({})],
+  },
+  entry: {
+    main: './src/index.js',
+  },
+  output: {
+    filename: 'hystmodal.min.js',
+    // library: 'HystModal',
+    // libraryTarget: 'umd',
+    // globalObject: 'this',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.m?js$/,
+        exclude: /(node_modules|bower_components)/,
+        loader: 'babel-loader',
+      },
+      {
+        test: /\.css$/i,
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader',
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: 'hystmodal.min.css',
+    }),
+  ],
+};