fix: video overlay on firefox browser

italia · Oct 5, 2023 · 0e2dd00 · 0e2dd00
1 parent 0571580
commit 0e2dd00
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git 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
@@ -2,7 +2,7 @@
 
 .acceptoverlayable {
   position: relative;
-  &:has(.acceptoverlay.show) {
+  &.show {
     min-height: 450px;
   }
 }