From c955e1ed0496701119a99c59dd8421d47e6ea0e1 Mon Sep 17 00:00:00 2001 From: nlukic97 Date: Mon, 28 Jul 2025 10:33:58 +0200 Subject: [PATCH 1/2] Displaying the cookie consent view after DOMContentLoaded when javascript is enabled. --- resources/js/script.js | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/resources/js/script.js b/resources/js/script.js index c981927..ab70b67 100644 --- a/resources/js/script.js +++ b/resources/js/script.js @@ -30,11 +30,12 @@ function initCookies() { cookies.classList.remove('cookies--no-js'); cookies.classList.add('cookies--closing'); - setTimeout(function() { - cookies.classList.remove('cookies--closing'); - }, 310); + document.addEventListener('DOMContentLoaded',()=>{ + setTimeout(function() { + cookies.classList.remove('cookies--closing'); + }, 310); + }) } - function configureCookies(event) { event.preventDefault(); window.LaravelCookieConsent.configure(new FormData(event.target)); From d64b444346b542e8bf63efa1bbfad568be85215a Mon Sep 17 00:00:00 2001 From: nlukic97 Date: Fri, 5 Sep 2025 16:36:42 +0200 Subject: [PATCH 2/2] Setting display to hidden for cookie consent window until DOMContentLoaded while retaining the original entry animation --- resources/js/script.js | 6 ++++-- resources/scss/style.scss | 4 ++++ 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/resources/js/script.js b/resources/js/script.js index ab70b67..2aed8cc 100644 --- a/resources/js/script.js +++ b/resources/js/script.js @@ -29,8 +29,10 @@ function initCookies() { cookies.removeAttribute('data-text'); cookies.classList.remove('cookies--no-js'); cookies.classList.add('cookies--closing'); - - document.addEventListener('DOMContentLoaded',()=>{ + cookies.classList.add('cookies--hidden'); + + document.addEventListener('DOMContentLoaded',()=>{ + cookies.classList.remove('cookies--hidden'); setTimeout(function() { cookies.classList.remove('cookies--closing'); }, 310); diff --git a/resources/scss/style.scss b/resources/scss/style.scss index 6480eff..5c25f0b 100644 --- a/resources/scss/style.scss +++ b/resources/scss/style.scss @@ -9,6 +9,10 @@ z-index: 9999; transition: transform 200ms ease-out, opacity 200ms ease-out; + + &--hidden { + display: none; + } &--closing { opacity: 0;