diff --git a/apps/common/main/lib/util/docserviceworker.js b/apps/common/main/lib/util/docserviceworker.js
index d8be6af0a8..6b33f1ff66 100644
--- a/apps/common/main/lib/util/docserviceworker.js
+++ b/apps/common/main/lib/util/docserviceworker.js
@@ -10,7 +10,7 @@
             })
             .then(function (registrations) {
                 //delete stale service workers
-                //for (const registration of registrations) {
+                // for (const registration of registrations) {
                 for (let r in registrations) {
                     const registration = registrations[r];
                     if (registration !== reg && registration.active && registration.active.scriptURL.endsWith(serviceWorkerName)) {
diff --git a/apps/common/main/lib/util/htmlutils.js b/apps/common/main/lib/util/htmlutils.js
index fc72cf69d2..a5a7a31df6 100644
--- a/apps/common/main/lib/util/htmlutils.js
+++ b/apps/common/main/lib/util/htmlutils.js
@@ -29,7 +29,6 @@
  * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
  *
  */
-const isIE = /msie|trident/i.test(navigator.userAgent);
 
 var checkLocalStorage = (function () {
     try {
@@ -61,7 +60,7 @@ if ( window.nativeprocvars && window.nativeprocvars.rtl !== undefined ) {
         else ui_rtl = true;
 }
 
-if ( ui_rtl && !isIE ) {
+if ( ui_rtl && isIEBrowser !== true ) {
     document.body.setAttribute('dir', 'rtl');
     document.body.classList.add('rtl');
 }
@@ -87,7 +86,7 @@ function checkScaling() {
         }
     }
 
-    if ( !isIE ) {
+    if ( isIEBrowser !== true ) {
         matches = {
             'pixel-ratio__2_5': 'screen and (-webkit-min-device-pixel-ratio: 2.25), screen and (min-resolution: 2.25dppx)',
         };
@@ -107,7 +106,7 @@ let svg_icons = ['./resources/img/iconssmall@2.5x.svg',
 window.Common = {
     Utils: {
         injectSvgIcons: function () {
-            if ( isIE ) return;
+            if ( isIEBrowser === true ) return;
 
             let runonce;
             // const el = document.querySelector('div.inlined-svg');
diff --git a/apps/documenteditor/main/index.html.deploy b/apps/documenteditor/main/index.html.deploy
index abdb94fdc2..9f51ca386d 100644
--- a/apps/documenteditor/main/index.html.deploy
+++ b/apps/documenteditor/main/index.html.deploy
@@ -366,9 +366,15 @@
     <inline src="resources/img/form-points.svg" />
     <div class="inlined-svg"></div>
     <script src="../../../../../../sdkjs/common/device_scale.js?__inline=true"></script>
+
+    <script>
+        isIEBrowser === true &&
+            (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+            document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+    </script>
     <script src="../../../vendor/requirejs/require.js"></script>
     <script>
-        isIE === true ? require(['ie/app']) : require(['app']);
+        isIEBrowser === true ? require(['ie/app']) : require(['app']);
     </script>
 
     <link rel="stylesheet" href="../../../apps/documenteditor/main/resources/css/app.css" media="print" onload="this.media='all'">
diff --git a/apps/documenteditor/main/index_loader.html.deploy b/apps/documenteditor/main/index_loader.html.deploy
index 4e3af3cca3..dc0b14008e 100644
--- a/apps/documenteditor/main/index_loader.html.deploy
+++ b/apps/documenteditor/main/index_loader.html.deploy
@@ -331,7 +331,19 @@
     <div id="viewport"></div>
     <div class="inlined-svg"></div>
     <script src="../../../../../../sdkjs/common/device_scale.js?__inline=true"></script>
-    <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
+
+    <script>
+        var userAgent = navigator.userAgent.toLowerCase(),
+            check = function(regex){ return regex.test(userAgent); },
+            isIEBrowser = !check(/opera/) && (check(/msie/) || check(/trident/));
+        isIEBrowser === true &&
+            (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+            document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+    </script>
+    <script src="../../../vendor/requirejs/require.js"></script>
+    <script>
+        isIEBrowser === true ? require(['ie/app']) : require(['app']);
+    </script>
 
     <link rel="stylesheet" type="text/css" href="../../../apps/documenteditor/main/resources/css/app.css" media="print" onload="this.media='all'">
 </body>
diff --git a/apps/pdfeditor/main/index.html.deploy b/apps/pdfeditor/main/index.html.deploy
index 68ed8551fb..ed6f12cfbc 100644
--- a/apps/pdfeditor/main/index.html.deploy
+++ b/apps/pdfeditor/main/index.html.deploy
@@ -346,7 +346,12 @@
     <script>
         function startApp() {
             var script = document.createElement("script");
-            script.setAttribute("data-main", isIE === true ? "ie/app" : "app");
+
+            isIEBrowser === true &&
+                (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+                document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+
+            script.setAttribute("data-main", isIEBrowser === true ? "ie/app" : "app");
             script.src = "../../../vendor/requirejs/require.js";
             document.body.appendChild(script);
         }
diff --git a/apps/pdfeditor/main/index_loader.html.deploy b/apps/pdfeditor/main/index_loader.html.deploy
index b6a2924637..65b518c54a 100644
--- a/apps/pdfeditor/main/index_loader.html.deploy
+++ b/apps/pdfeditor/main/index_loader.html.deploy
@@ -331,7 +331,12 @@
     <script>
         function startApp() {
             var script = document.createElement("script");
-            script.setAttribute("data-main", "app");
+
+            isIEBrowser === true &&
+                (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+                document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+
+            script.setAttribute("data-main", isIEBrowser === true ? "ie/app" : "app");
             script.src = "../../../vendor/requirejs/require.js";
             document.body.appendChild(script);
         }
diff --git a/apps/presentationeditor/main/index.html.deploy b/apps/presentationeditor/main/index.html.deploy
index 0b5229af37..eb4a87a137 100644
--- a/apps/presentationeditor/main/index.html.deploy
+++ b/apps/presentationeditor/main/index.html.deploy
@@ -385,9 +385,18 @@
     <inline src="../../common/main/resources/img/combo-border-size/BorderSize.svg" />
     <div class="inlined-svg"></div>
     <script src="../../../../../../sdkjs/common/device_scale.js?__inline=true"></script>
+
+    <script>
+        var userAgent = navigator.userAgent.toLowerCase(),
+            check = function(regex){ return regex.test(userAgent); },
+            isIEBrowser = !check(/opera/) && (check(/msie/) || check(/trident/));
+        isIEBrowser === true &&
+            (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+            document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+    </script>
     <script src="../../../vendor/requirejs/require.js"></script>
     <script>
-        isIE === true ? require(['ie/app']) : require(['app']);
+        isIEBrowser === true ? require(['ie/app']) : require(['app']);
     </script>
 
     <link rel="stylesheet" href="../../../apps/presentationeditor/main/resources/css/app.css" media="print" onload="this.media='all'">
diff --git a/apps/presentationeditor/main/index_loader.html.deploy b/apps/presentationeditor/main/index_loader.html.deploy
index 29a2e860c6..f807a23385 100644
--- a/apps/presentationeditor/main/index_loader.html.deploy
+++ b/apps/presentationeditor/main/index_loader.html.deploy
@@ -329,7 +329,16 @@
     <div class="inlined-svg"></div>
 
     <script src="../../../../../../sdkjs/common/device_scale.js?__inline=true"></script>
-    <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
+
+    <script>
+        isIEBrowser === true &&
+            (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+            document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+    </script>
+    <script src="../../../vendor/requirejs/require.js"></script>
+    <script>
+        isIEBrowser === true ? require(['ie/app']) : require(['app']);
+    </script>
 
     <link rel="stylesheet" href="../../../apps/presentationeditor/main/resources/css/app.css" media="print" onload="this.media='all'">
 </body>
diff --git a/apps/spreadsheeteditor/main/index.html.deploy b/apps/spreadsheeteditor/main/index.html.deploy
index 835ea76eaa..123838a525 100644
--- a/apps/spreadsheeteditor/main/index.html.deploy
+++ b/apps/spreadsheeteditor/main/index.html.deploy
@@ -407,9 +407,15 @@
     <inline src="resources/img/cf-icons.svg" />
     <div class="inlined-svg"></div>
     <script src="../../../../../../sdkjs/common/device_scale.js?__inline=true"></script>
+
+    <script>
+        isIEBrowser === true &&
+            (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+            document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+    </script>
     <script src="../../../vendor/requirejs/require.js"></script>
     <script>
-        isIE === true ? require(['ie/app']) : require(['app']);
+        isIEBrowser === true ? require(['ie/app']) : require(['app']);
     </script>
     <link rel="stylesheet" href="../../../apps/spreadsheeteditor/main/resources/css/app.css" media="print" onload="this.media='all'">    
 </body>
diff --git a/apps/spreadsheeteditor/main/index_internal.html.deploy b/apps/spreadsheeteditor/main/index_internal.html.deploy
index 50555025b1..e4fddfa459 100644
--- a/apps/spreadsheeteditor/main/index_internal.html.deploy
+++ b/apps/spreadsheeteditor/main/index_internal.html.deploy
@@ -237,7 +237,19 @@
     <div class="inlined-svg"></div>
 
     <script src="../../../../../../sdkjs/common/device_scale.js?__inline=true"></script>
-    <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
+
+    <script>
+        const userAgent = navigator.userAgent.toLowerCase(),
+            check = function(regex){ return regex.test(userAgent); },
+            isIEBrowser = !check(/opera/) && (check(/msie/) || check(/trident/));
+        isIEBrowser === true &&
+            (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+            document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+    </script>
+    <script src="../../../vendor/requirejs/require.js"></script>
+    <script>
+        isIEBrowser === true ? require(['ie/app']) : require(['app']);
+    </script>
 
     <link rel="stylesheet" href="../../../apps/spreadsheeteditor/main/resources/css/app.css" media="print" onload="this.media='all'">
 </body>
diff --git a/apps/spreadsheeteditor/main/index_loader.html.deploy b/apps/spreadsheeteditor/main/index_loader.html.deploy
index e045353ea7..a67e8d0759 100644
--- a/apps/spreadsheeteditor/main/index_loader.html.deploy
+++ b/apps/spreadsheeteditor/main/index_loader.html.deploy
@@ -331,7 +331,18 @@
     <div class="inlined-svg"></div>
 
     <script src="../../../../../../sdkjs/common/device_scale.js?__inline=true"></script>
-    <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
+    <script>
+        const userAgent = navigator.userAgent.toLowerCase(),
+            check = function(regex){ return regex.test(userAgent); },
+            isIEBrowser = !check(/opera/) && (check(/msie/) || check(/trident/));
+        isIEBrowser === true &&
+            (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+            document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+    </script>
+    <script src="../../../vendor/requirejs/require.js"></script>
+    <script>
+        isIEBrowser === true ? require(['ie/app']) : require(['app']);
+    </script>
 
     <link rel="stylesheet" href="../../../apps/spreadsheeteditor/main/resources/css/app.css" media="print" onload="this.media='all'">
 </body>
diff --git a/apps/visioeditor/main/app.js b/apps/visioeditor/main/app.js
index 5213049f6c..ff827d7475 100644
--- a/apps/visioeditor/main/app.js
+++ b/apps/visioeditor/main/app.js
@@ -41,7 +41,7 @@ var reqerr;
 require.config({
     // The shim config allows us to configure dependencies for
     // scripts that do not call define() to register a module
-    baseUrl: '../../',
+    baseUrl: window.customBaseUrl || '../../',
     paths: {
         jquery          : '../vendor/jquery/jquery',
         underscore      : '../vendor/underscore/underscore',
diff --git a/apps/visioeditor/main/index.html.deploy b/apps/visioeditor/main/index.html.deploy
index f711736650..779a7426c5 100644
--- a/apps/visioeditor/main/index.html.deploy
+++ b/apps/visioeditor/main/index.html.deploy
@@ -436,7 +436,16 @@
     <inline src="../../common/main/resources/img/header/icons.svg" />
     <div class="inlined-svg"></div>
     <script src="../../../../../../sdkjs/common/device_scale.js?__inline=true"></script>
-    <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
+    <script src="../../../vendor/requirejs/require.js"></script>
+
+    <script>
+        isIEBrowser === true &&
+            (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+            document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+    </script>
+    <script>
+        isIEBrowser === true ? require(['ie/app']) : require(['app']);
+    </script>
 
     <link rel="stylesheet" href="../../../apps/visioeditor/main/resources/css/app.css" media="print" onload="this.media='all'">
 </body>
diff --git a/apps/visioeditor/main/index_loader.html.deploy b/apps/visioeditor/main/index_loader.html.deploy
index 55012e70dc..e3a27956ce 100644
--- a/apps/visioeditor/main/index_loader.html.deploy
+++ b/apps/visioeditor/main/index_loader.html.deploy
@@ -324,7 +324,19 @@
     <div class="inlined-svg"></div>
 
     <script src="../../../../../../sdkjs/common/device_scale.js?__inline=true"></script>
-    <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
+
+    <script>
+        const userAgent = navigator.userAgent.toLowerCase(),
+            check = function(regex){ return regex.test(userAgent); },
+            isIEBrowser = !check(/opera/) && (check(/msie/) || check(/trident/));
+        isIEBrowser === true &&
+            (document.write('<script src="../../common/main/lib/util/fix-ie-compat.js"><\/script>'),
+            document.write('<script src="../../../../sdkjs/vendor/string.js"><\/script>'));
+    </script>
+    <script src="../../../vendor/requirejs/require.js"></script>
+    <script>
+        isIEBrowser === true ? require(['ie/app']) : require(['app']);
+    </script>
 
     <link rel="stylesheet" href="../../../apps/visioeditor/main/resources/css/app.css" media="print" onload="this.media='all'">
 </body>
diff --git a/build/Gruntfile.js b/build/Gruntfile.js
index e36238398a..751cf93054 100644
--- a/build/Gruntfile.js
+++ b/build/Gruntfile.js
@@ -526,7 +526,7 @@ module.exports = function(grunt) {
             babel: {
                 options: {
                     sourceMap: false,
-                    presets: ['@babel/preset-env']
+                    presets: [['@babel/preset-env', {modules: false}]]
                 },
                 dist: {
                     files: packageFile.main.js.babel.files
diff --git a/build/common.json b/build/common.json
index 75cbb82269..eecc4be8a6 100644
--- a/build/common.json
+++ b/build/common.json
@@ -94,6 +94,10 @@
                 "src": "../apps/common/main/resources/themes/themes.json",
                 "dest": "../deploy/web-apps/apps/common/main/resources/themes/themes.json"
             },
+            "iecompat": {
+                "src": "../apps/common/main/lib/util/fix-ie-compat.js",
+                "dest": "../deploy/web-apps/apps/common/main/lib/util/fix-ie-compat.js"
+            },
             "help": {
                 "expand": true,
                 "cwd": "../apps/common/main/resources/help/",