Fix chrome opacity bug (#1942)

* Add webkit transform to force hardware accelerated transition * Change webkit-transform to general transform Co-authored-by: Marika Shanahan <[email protected]>
shipshapecode · Jun 6, 2022 · 72ba8b0 · 72ba8b0
1 parent 87b4fee
commit 72ba8b0
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/src/js/components/shepherd-modal.svelte b/src/js/components/shepherd-modal.svelte
@@ -231,6 +231,7 @@
     height: 100vh;
     opacity: 0.5;
     transition: all 0.3s ease-out, height 0s 0s, opacity 0.3s 0s;
+    transform: translateZ(0);
   }
 
   .shepherd-modal-overlay-container.shepherd-modal-is-visible path {