Made improvements to the blocking template (#148)

------ Check within the blocking template if the cookiebar in the parent document is already initialized, otherwise wait with the execution of the script until the parent is loaded.
oveleon · Feb 3, 2023 · 3970143 · 3970143
1 parent 782dbd6
commit 3970143
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/src/Resources/contao/templates/cookiebar/ccb_element_blocker.html5 b/src/Resources/contao/templates/cookiebar/ccb_element_blocker.html5
@@ -59,11 +59,22 @@
             }
         </style>
         <script>
-            if(parent.cookiebar.issetCookie(<?=$this->id?>)){
-                const decoder = document.createElement('textarea');
-                decoder.innerHTML = '<?=$this->redirect?>';
+            // Check if the cookie bar is ready, otherwise respond to document load (#148)
+            if(parent.cookiebar){
+                redirectIfNecessary()
+            }else{
+                parent.addEventListener('load', () => {
+                    redirectIfNecessary()
+                })
+            }
+
+            function redirectIfNecessary(){
+                if(parent.cookiebar.issetCookie(<?=$this->id?>)){
+                    const decoder = document.createElement('textarea');
+                    decoder.innerHTML = '<?=$this->redirect?>';
 
-                window.location.href = decoder.value;
+                    window.location.href = decoder.value;
+                }
             }
         </script>
     <?php $this->endblock(); ?>