Merge pull request #225 from hlxsites/issue-170

Fixing screen fliker issue

blocks/header/nav-utils.js

@@ -15,6 +15,7 @@ const REPLACE_SCRIPTS = new Map([
 const IGNORE_SCRIPTS = new Set([
   '/etc.clientlibs/nedbank/components/socialshare/clientlibs.min.js',
   '/etc.clientlibs/nedbank/components/bankfilter/clientlibs.min.js',
+  '/6422e0f550a2/017d80491d7e/launch-e08352bc3db4.min.js',
 ]);
 
 function cssLoaded() {

head.html

@@ -1,4 +1,5 @@
 <meta name="viewport" content="width=device-width, initial-scale=1"/>
+<style id="at-body-style">body {opacity: 1 !important}</style>
 <script src="/scripts/scripts.js" type="module" crossorigin="use-credentials"></script>
 <link rel="stylesheet" href="/styles/styles.css"/>
 <link rel="icon" href="data:,">

scripts/delayed.js

@@ -182,3 +182,11 @@ function createDigitalData() {
   adobeotmscript.setAttribute('src', 'https://assets.adobedtm.com/6422e0f550a2/017d80491d7e/launch-1e8527b948f6-development.min.js');
   document.head.append(adobeotmscript);
 }());
+
+setTimeout(() => {
+  const head = document.getElementsByTagName('head')[0];
+  if (head) {
+    const atBodyStyle = document.getElementById('at-body-style');
+    head.removeChild(atBodyStyle);
+  }
+}, 30000);