Fix left positioning in device preview mode

Automattic · Mar 10, 2020 · af48db6 · af48db6
1 parent 38b4c10
commit af48db6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/blocks/motion-background/src/motion-background-container/edit.js b/blocks/motion-background/src/motion-background-container/edit.js
@@ -206,7 +206,7 @@ function useMotionBackground() {
 
 				const width = blockRect.width;
 				const height = blockRect.height;
-				const left = blockRect.left;
+				const left = canvasRect.left - blockRect.left;
 				const bottom = canvasRect.bottom - blockRect.bottom;
 
 				renderBlock( block, [ width, height ], [ left, bottom ] );
@@ -372,7 +372,7 @@ function useMotionBackground() {
 		 */
 		function updateMouse( e ) {
 			const rect = gl.canvas.getBoundingClientRect();
-			globalState.mouse[ 0 ] = e.clientX;
+			globalState.mouse[ 0 ] = e.clientX - rect.left;
 			globalState.mouse[ 1 ] = rect.top + rect.height - e.clientY; // From bottom
 		}
 		document.body.addEventListener( 'mousemove', updateMouse );