Add a small z-index by default

humanmade · Sep 5, 2024 · f3e3b85 · f3e3b85
1 parent 615528f
commit f3e3b85
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 6 deletions.
diff --git a/build/lottie-rtl.css b/build/lottie-rtl.css
@@ -1 +1 @@
-[data-lottie]{position:relative}[data-lottie].lottie-img-hidden img{visibility:hidden}[data-lottie] canvas{height:auto;inset:0 0 0 0;max-width:100%;position:absolute;width:100%}
+[data-lottie]{position:relative}[data-lottie].lottie-img-hidden img{visibility:hidden}[data-lottie] canvas{height:auto;inset:0 0 0 0;max-width:100%;position:absolute;width:100%;z-index:2}
diff --git a/build/lottie.asset.php b/build/lottie.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '38ceffcb2901b74125e7');
+<?php return array('dependencies' => array(), 'version' => 'f395b5b0f8626960462c');
diff --git a/build/lottie.css b/build/lottie.css
@@ -1 +1 @@
-[data-lottie]{position:relative}[data-lottie].lottie-img-hidden img{visibility:hidden}[data-lottie] canvas{height:auto;inset:0 0 0 0;max-width:100%;position:absolute;width:100%}
+[data-lottie]{position:relative}[data-lottie].lottie-img-hidden img{visibility:hidden}[data-lottie] canvas{height:auto;inset:0 0 0 0;max-width:100%;position:absolute;width:100%;z-index:2}
diff --git a/build/lottie.js b/build/lottie.js
diff --git a/src/lottie.css b/src/lottie.css
@@ -12,4 +12,5 @@
 	width: 100%;
 	height: auto;
 	max-width: 100%;
+	z-index: 2; /* Modest z-index by default, but may need to be overridden for other cases. */
 }
diff --git a/src/lottie.js b/src/lottie.js
@@ -72,11 +72,11 @@ document.querySelectorAll( '[data-lottie]' ).forEach( ( lottie ) => {
 			}
 
 			if ( config.trigger === 'hover' ) {
-				canvas.addEventListener( 'mouseenter', () => {
+				canvas.addEventListener( 'mouseover', () => {
 					dotLottie.setMode( 'forward' );
 					dotLottie.play();
 				} );
-				canvas.addEventListener( 'mouseleave', () => {
+				canvas.addEventListener( 'mouseout', () => {
 					dotLottie.setMode( 'reverse' );
 				} );
 			}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		[data-lottie]{position:relative}[data-lottie].lottie-img-hidden img{visibility:hidden}[data-lottie] canvas{height:auto;inset:0 0 0 0;max-width:100%;position:absolute;width:100%}
		[data-lottie]{position:relative}[data-lottie].lottie-img-hidden img{visibility:hidden}[data-lottie] canvas{height:auto;inset:0 0 0 0;max-width:100%;position:absolute;width:100%;z-index:2}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array(), 'version' => '38ceffcb2901b74125e7');
		<?php return array('dependencies' => array(), 'version' => 'f395b5b0f8626960462c');