From 0e2dd008648c5b19158e584efdb3b5d0c60da4cd Mon Sep 17 00:00:00 2001
From: Andrea Stagi <stagi.andrea@gmail.com>
Date: Thu, 5 Oct 2023 15:06:04 +0200
Subject: [PATCH] fix: video overlay on firefox browser

---
 src/js/plugins/accept-overlay.js     | 6 ++++++
 src/scss/custom/_accept-overlay.scss | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/js/plugins/accept-overlay.js b/src/js/plugins/accept-overlay.js
index 622821ed61..14975f81c9 100644
--- a/src/js/plugins/accept-overlay.js
+++ b/src/js/plugins/accept-overlay.js
@@ -16,9 +16,13 @@ class AcceptOverlay extends BaseComponent {
   constructor(element, config) {
     const parentElement = element.closest('.acceptoverlay')
     super(parentElement)
+    this._overlayable = element.closest('.acceptoverlayable')
     const remember = cookies.isChoiceRemembered(config.service)
     this._isShown = true
     this._toggleElement = element
+    if (this._element.classList.contains(CLASS_NAME_SHOW)) {
+      this._overlayable.classList.add(CLASS_NAME_SHOW)
+    }
     if (remember) {
       this.hide()
       setTimeout(() => {
@@ -68,6 +72,7 @@ class AcceptOverlay extends BaseComponent {
     }
 
     this._element.classList.remove(CLASS_NAME_SHOW)
+    this._overlayable.classList.remove(CLASS_NAME_SHOW)
 
     this._queueCallback(() => this._hideElement(), this._element, isAnimated)
   }
@@ -88,6 +93,7 @@ class AcceptOverlay extends BaseComponent {
     }
 
     this._element.classList.add(CLASS_NAME_SHOW)
+    this._overlayable.add(CLASS_NAME_SHOW)
 
     const transitionComplete = () => {
       this._isTransitioning = false
diff --git a/src/scss/custom/_accept-overlay.scss b/src/scss/custom/_accept-overlay.scss
index 841bd7cf6f..73e308c888 100644
--- a/src/scss/custom/_accept-overlay.scss
+++ b/src/scss/custom/_accept-overlay.scss
@@ -2,7 +2,7 @@
 
 .acceptoverlayable {
   position: relative;
-  &:has(.acceptoverlay.show) {
+  &.show {
     min-height: 450px;
   }
 }