fix(Modal): Safari Desktop fullscreen video issue (#1582)

dnbexperience · Sep 27, 2022 · 5219ccd · 5219ccd
1 parent 8688b96
commit 5219ccd
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 9 deletions.
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap
@@ -2272,7 +2272,7 @@ button.dnb-button::-moz-focus-inner {
     .dnb-dialog__icon__primary.dnb-dialog__icon--info ::after {
       background-color: var(--color-pistachio); }
   html:not([data-visual-test]) .dnb-dialog {
-    animation: show-modal var(--modal-animation-duration) ease-out forwards; }
+    animation: show-modal var(--modal-animation-duration) ease-out; }
   html:not([data-visual-test]) .dnb-dialog--hide {
     animation: hide-modal 220ms ease-in-out forwards; }
   .dnb-dialog--no-animation {
@@ -2367,7 +2367,7 @@ html[data-dnb-modal-active] {
   .dnb-modal-root__inner .dnb-modal__overlay {
     animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards; }
   .dnb-modal-root__inner:last-of-type .dnb-modal__overlay {
-    animation: show-modal-overlay var(--modal-animation-duration) ease-out forwards; }
+    animation: show-modal-overlay var(--modal-animation-duration) ease-out; }
     .dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide {
       animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards; }
   html[data-visual-test] .dnb-modal__overlay, .dnb-modal__overlay--no-animation {

diff --git a/packages/dnb-eufemia/src/components/dialog/style/_dialog.scss b/packages/dnb-eufemia/src/components/dialog/style/_dialog.scss
@@ -190,7 +190,7 @@
 
   // Animation in
   html:not([data-visual-test]) & {
-    animation: show-modal var(--modal-animation-duration) ease-out forwards;
+    animation: show-modal var(--modal-animation-duration) ease-out;
   }
   // Animation out
   html:not([data-visual-test]) &--hide {

diff --git a/packages/dnb-eufemia/src/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap b/packages/dnb-eufemia/src/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap
@@ -2287,7 +2287,7 @@ button.dnb-button::-moz-focus-inner {
     .dnb-dialog__icon__primary.dnb-dialog__icon--info ::after {
       background-color: var(--color-pistachio); }
   html:not([data-visual-test]) .dnb-dialog {
-    animation: show-modal var(--modal-animation-duration) ease-out forwards; }
+    animation: show-modal var(--modal-animation-duration) ease-out; }
   html:not([data-visual-test]) .dnb-dialog--hide {
     animation: hide-modal 220ms ease-in-out forwards; }
   .dnb-dialog--no-animation {
@@ -2382,7 +2382,7 @@ html[data-dnb-modal-active] {
   .dnb-modal-root__inner .dnb-modal__overlay {
     animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards; }
   .dnb-modal-root__inner:last-of-type .dnb-modal__overlay {
-    animation: show-modal-overlay var(--modal-animation-duration) ease-out forwards; }
+    animation: show-modal-overlay var(--modal-animation-duration) ease-out; }
     .dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide {
       animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards; }
   html[data-visual-test] .dnb-modal__overlay, .dnb-modal__overlay--no-animation {

diff --git a/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap b/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap
@@ -2259,7 +2259,7 @@ button.dnb-button::-moz-focus-inner {
     .dnb-dialog__icon__primary.dnb-dialog__icon--info ::after {
       background-color: var(--color-pistachio); }
   html:not([data-visual-test]) .dnb-dialog {
-    animation: show-modal var(--modal-animation-duration) ease-out forwards; }
+    animation: show-modal var(--modal-animation-duration) ease-out; }
   html:not([data-visual-test]) .dnb-dialog--hide {
     animation: hide-modal 220ms ease-in-out forwards; }
   .dnb-dialog--no-animation {
@@ -2354,7 +2354,7 @@ html[data-dnb-modal-active] {
   .dnb-modal-root__inner .dnb-modal__overlay {
     animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards; }
   .dnb-modal-root__inner:last-of-type .dnb-modal__overlay {
-    animation: show-modal-overlay var(--modal-animation-duration) ease-out forwards; }
+    animation: show-modal-overlay var(--modal-animation-duration) ease-out; }
     .dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide {
       animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards; }
   html[data-visual-test] .dnb-modal__overlay, .dnb-modal__overlay--no-animation {

diff --git a/packages/dnb-eufemia/src/components/modal/style/_modal.scss b/packages/dnb-eufemia/src/components/modal/style/_modal.scss
@@ -85,8 +85,7 @@ html[data-dnb-modal-active] {
   }
 
   &-root__inner:last-of-type &__overlay {
-    animation: show-modal-overlay var(--modal-animation-duration) ease-out
-      forwards;
+    animation: show-modal-overlay var(--modal-animation-duration) ease-out;
 
     &--hide {
       animation: hide-modal-overlay var(--modal-animation-duration)