Disable page scroll when Mini Cart is open (#6532)

woocommerce · Jun 9, 2022 · b7fab6d · b7fab6d
1 parent 0f6cda9
commit b7fab6d
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/assets/js/blocks/mini-cart/block.tsx b/assets/js/blocks/mini-cart/block.tsx
@@ -78,6 +78,17 @@ const MiniCartBlock = ( {
 		setContentsNode( node );
 	}, [] );
 
+	useEffect( () => {
+		const body = document.querySelector( 'body' );
+		if ( body ) {
+			if ( isOpen ) {
+				Object.assign( body.style, { overflow: 'hidden' } );
+			} else {
+				Object.assign( body.style, { overflow: '' } );
+			}
+		}
+	}, [ isOpen ] );
+
 	useEffect( () => {
 		if ( contentsNode instanceof Element ) {
 			const container = contentsNode.querySelector(