Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Disable page scroll when Mini Cart is open (https://github.com/woocommerce/woocommerce-blocks/pull/6532)

This commit is contained in:
Albert Juhé Lluveras 2022-06-09 09:58:29 +02:00 committed by GitHub
parent d994f06803
commit b5252dbd8f
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
plugins/woocommerce-blocks/assets/js/blocks/mini-cart/block.tsx
View File

@ -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(